Hallo alle,
ich habe eine Frage. Ich bin gerade dabei eine Seite zu programmieren doch komme an einer Stelle nicht weiter.
Ich erkläre euch kurz worum es geht:
Man könnte sich eine Produktansicht in einem Shop vorstellen, die sehen ja meistens sehr ähnlich aus. Ich habe ein großes Artikelbild und unter diesem Bild drei weitere Ansichten.
Ich möchte, dass wenn man eines dieser kleinen Bildelemente hovert, das große Artikelbild sich ändert.
Hier der HTML Quellcode:
Alles anzeigen
Mein Problem ist, das die Elemente die ich hovern möchte, im Quellcode unter dem eigentlichen Artikelbild sind, heißt das ich die mit CSS nicht ansprechen kann.
Hier noch ein Link: Edit fiddle - JSFiddle
Hoffe mir kann jemand helfen.
Danke im Vorraus,
sn0w
ich habe eine Frage. Ich bin gerade dabei eine Seite zu programmieren doch komme an einer Stelle nicht weiter.
Ich erkläre euch kurz worum es geht:
Man könnte sich eine Produktansicht in einem Shop vorstellen, die sehen ja meistens sehr ähnlich aus. Ich habe ein großes Artikelbild und unter diesem Bild drei weitere Ansichten.
Ich möchte, dass wenn man eines dieser kleinen Bildelemente hovert, das große Artikelbild sich ändert.
Hier der HTML Quellcode:
PHP-Quellcode
- <div class="leftSide">
- <div class="imageZoom">
- <a class="oben" title="" href="#">
- <img src="http://i.ebayimg.com/t/Norwegersocken-grau-meliert-100-Schafwolle-1-Paar-/00/s/NjAwWDYwMA==/z/1vsAAOxyRhBS5ZLz/$_12.JPG" alt="">
- </a>
- <a class="seite" title="" href="#">
- <img src="http://i.ebayimg.com/t/Norwegersocken-grau-meliert-100-Schafwolle-1-Paar-/00/s/NjAwWDYwMA==/z/v2kAAOxycmBS5ZLy/$_12.JPG" alt="">
- </a>
- <a class="fuss" title="" href="#">
- <img src="http://i.ebayimg.com/t/Norwegersocken-grau-meliert-100-Schafwolle-1-Paar-/00/s/NjAwWDYwMA==/z/Jv4AAMXQVT9S5ZLu/$_12.JPG" alt="">
- </a>
- </div>
- <div class="smallImages">
- <div class="smallUnderImage oben">
- <a title="" href="#">
- <img src="http://i.ebayimg.com/t/Norwegersocken-grau-meliert-100-Schafwolle-1-Paar-/00/s/NjAwWDYwMA==/z/1vsAAOxyRhBS5ZLz/$_14.JPG" style="max-width:64px;max-height:64px" index="0" alt="">
- </a>
- </div>
- <div class="smallUnderImage seite">
- <a title="" href="#">
- <img src="http://i.ebayimg.com/t/Norwegersocken-grau-meliert-100-Schafwolle-1-Paar-/00/s/NjAwWDYwMA==/z/v2kAAOxycmBS5ZLy/$_14.JPG" style="max-width:64px;max-height:64px" index="1" alt="">
- </a>
- </div>
- <div class="smallUnderImage fuss">
- <a title="" href="#">
- <img src="http://i.ebayimg.com/t/Norwegersocken-grau-meliert-100-Schafwolle-1-Paar-/00/s/NjAwWDYwMA==/z/Jv4AAMXQVT9S5ZLu/$_14.JPG" style="max-width:64px;max-height:64px" index="2" alt="">
- </a>
- </div>
- </div>
- </div>
Mein Problem ist, das die Elemente die ich hovern möchte, im Quellcode unter dem eigentlichen Artikelbild sind, heißt das ich die mit CSS nicht ansprechen kann.
Hier noch ein Link: Edit fiddle - JSFiddle
Hoffe mir kann jemand helfen.
Danke im Vorraus,
sn0w