Avatar billede mcclaud Nybegynder
11. september 2011 - 18:01 Der er 10 kommentarer og
2 løsninger

Visning af billeder fra drop-down-boks

Hej alle eksperter

Jeg har fået lavet tre drop-down-bokse, som hver især viser et billede, når en valgmulighed på listen vælges.

Jeg vil gerne have forbedret scriptet. Vælges kun et billede (ligemeget fra hvilken af de 3 drop-down-bokse) vises dette billede centreret. Vælges to billeder vises disse side om side centreret. Vælges alle tre billeder vises disse side om side centreret.

Se scriptet her:
http://www.halfmen.dk/!TEST!/showroom_test.htm

:o) mcclaud
Avatar billede majbom Novice
11. september 2011 - 20:00 #1
jeg ville starte med at sætte display: none; på dine img-tags, så der ikke er den skygge før man vælger et billede.

og så ville jeg lave én funktion til at vise billede - så sender du bare 1, 2 eller 3 med som parameter for at vælge hvilket af de 3 billeder der skal skiftes...
Avatar billede majbom Novice
11. september 2011 - 20:02 #2
og hvis billederne ikke bruges andre steder, bør du nok skalere dem en smule ned - der er jo ingen grund til at de er 500*500px når du kune viser dem i str 125*125
Avatar billede olsensweb.dk Ekspert
11. september 2011 - 20:44 #3
først og fremmest: tabeller er til tabulærer data ikke til design

du kan hjælpe dig selv ved at anvende elementernes id istedet

jeg har lavet en lille demo http://olsensweb.dk/test/experten/spm/947009/
nb: det er kun de 3 første billeder der er downloadet
Avatar billede mcclaud Nybegynder
11. september 2011 - 22:54 #4
Tak for demoen ronols og for bidraget splazz.

Kan man fjerne den tomme ramme (placeholder), hvis der i dropdown-boksen står 'Vælg billede'? Jeg har prøvet metoden med style="display:none" i img-tagget, og ganske rigtigt så forsvinder de tomme rammer. Til gengæld kommer billederne ikke frem, når jeg vælger et motiv i dropdown-boksene.

Idéen er, at det førstvalgte billede fra en af dropdown-boksene viser sig alene og centreret over sofaen - uden at de tomme rammer (placeholders) er synlige. Vælges endnu et motiv fra en anden dropdown-boks skal dette vises side om side med det første osv.

:o) mcclaud
Avatar billede majbom Novice
12. september 2011 - 16:08 #5
nej, glemte lige at tilføje at du selvfølgelig skal sætte display: block; når du vælger billedet...
Avatar billede olsensweb.dk Ekspert
12. september 2011 - 17:22 #6
jeg ville nu vælge at skifte mellem display: none; og display: inline;, hvis man bruger block, kommer billedet helt ud i venstre.

jeg har opdateret min demo, med display:
Avatar billede majbom Novice
12. september 2011 - 18:30 #7
ja det skal jo ikke være block når de skal stå ved siden af hinanden, sorry...
Avatar billede mcclaud Nybegynder
12. september 2011 - 22:27 #8
Tusind tak for al hjælpen til jer begge to... Det bliver dog ronols, der løber med pointene, så hvis du poster en svar, så poster jeg en håndfuld points.

Endnu engang tak...

:o) mcclaud
Avatar billede olsensweb.dk Ekspert
13. september 2011 - 07:04 #9
det må være en deler, splazz kom med iderne, jeg finpudsede og lavede det til code.
splazz smid et svar også.

Endnu engang tak...
selvtak
Avatar billede majbom Novice
13. september 2011 - 08:37 #10
selv tak :)

(og tak ronols :) )
Avatar billede mcclaud Nybegynder
13. september 2011 - 14:36 #11
Den perfekte løsning... Endnu engang tak til jer begge.

:o) mcclaud
Avatar billede majbom Novice
13. september 2011 - 16:53 #12
selv tak og tak for point :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester