# Bilder - MouseOver

**URL:** <https://forum.shopware.com/t/bilder-mouseover/2433>\
**Category:** Shopware 3.5\
**Tags:** templates--design\
**Created:** [10. April 2011 um 09:05 UTC](https://forum.shopware.com/t/bilder-mouseover/2433 "2011-04-10T09:05:45Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [10. April 2011 um 09:05 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/1 "2011-04-10T09:05:45Z")

</div>

Moin, ich würde gerne in den Artikeldetails die Bilder per MouseOver wechseln und nicht beim Klicken. Sprich, ich habe unten die kleinen Vorschaubilder wenn ich mehrere Bilder habe und wenn man drauf klickt, erschein darüber das Bild. Wie mache ich das per MouseOver? Danke

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [11. April 2011 um 09:32 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/2 "2011-04-11T09:32:14Z")

</div>

\*schieb\*

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [11. April 2011 um 13:08 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/3 "2011-04-11T13:08:25Z")

</div>

Niemand eine Idee? Ich komme hier einfach nicht weiter ☹

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [11. April 2011 um 20:56 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/4 "2011-04-11T20:56:50Z")

</div>

Ich habe es nun mal so versucht, über onmouseover: `[config('sUSEZOOMPLUS')}class="cloud-zoom-gallery"{/if} style="background-repeat: no-repeat; background-position: center center; background-color:#fff; background-image: url({$sArticleImage.src.1});"\>]({$sArticleImage.src.5} "{if $sArticleImage.description}{$sArticleImage.description}{else}{$sArticle.articleName}{/if}")` Leider funktioniert das nicht! Ich blick hier sowieso nicht, wie das Ganze funktioniert. Der a href Link geht ja direkt zum Bild. Wie binde ich den rev="" Tag mit ins das JavaScript ein? Ich brauche hier Hilfe…

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [12. April 2011 um 08:22 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/5 "2011-04-12T08:22:34Z")

</div>

Wirklich niemand eine Idee? Shopware-Team? :shopware:

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [12. April 2011 um 08:30 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/6 "2011-04-12T08:30:57Z")

</div>

Schau mal in die jquery.shopware.js - da wird ja irgendwo ein Click-Event auf die Thumbs gesetzt, damit diese bei Mousedown wechseln. Da müsstest du den Event-Typ einfach auf mousemove ändern, dann sollte das schon funktionieren.

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [12. April 2011 um 09:18 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/7 "2011-04-12T09:18:44Z")

</div>

[quote=“Stefan Hamann”]Schau mal in die jquery.shopware.js - da wird ja irgendwo ein Click-Event auf die Thumbs gesetzt, damit diese bei Mousedown wechseln. Da müsstest du den Event-Typ einfach auf mousemove ändern, dann sollte das schon funktionieren.[/quote] Hey Stefan, danke für deine Hilfe. In die JavaScript Datei habe ich schon geschaut, aber ich kann nichts passendes finden. Mit der Lightbox hat es ja nichts zu tun, oder? Kann echt nichts passendes finden… ☹

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [13. April 2011 um 08:36 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/8 "2011-04-13T08:36:13Z")

</div>

Stefan, hast du mir hier bitte noch einen Tipp, in welcher Zeile der Code steht? Ich kann diesen echt nicht finden ☹ Wäre echt klasse von dir!

---

<div class="post-metadata">

**Author:** ![Stefan\_Hamann](https://avatars.discourse-cdn.com/v4/letter/s/5e9695/32.png) [@Stefan\_Hamann](https://forum.shopware.com/u/Stefan_Hamann)\
**Post date:** [13. April 2011 um 09:01 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/9 "2011-04-13T09:01:39Z")

</div>

Guck mal in Zeile 3719 ` $(this).bind('click', $(this), function (event) { ` Das müsste der sein - statt click dort mouseenter.

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [14. April 2011 um 12:06 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/10 "2011-04-14T12:06:51Z")

</div>

Hey Stefan, jetzt funktioniert es zu 95% … Der MouseOver an sich funktioniert immer. Wenn ich jetzt auf das große Bild Klick (Zoomer ist aktiv) so erscheint das Bild auch in einer Lightbox. Aber manchmal kommt die Meldung: images[activeImage] is undefined Woran könnte das liegen?

---

<div class="post-metadata">

**Author:** ![ottscho](https://avatars.discourse-cdn.com/v4/letter/o/7ba0ec/32.png) [@ottscho](https://forum.shopware.com/u/ottscho)\
**Post date:** [18. April 2011 um 08:36 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/11 "2011-04-18T08:36:03Z")

</div>

\*push\*

---

<div class="post-metadata">

**Author:** ![jasan](https://avatars.discourse-cdn.com/v4/letter/j/90ced4/32.png) [@jasan](https://forum.shopware.com/u/jasan)\
**Post date:** [7. Januar 2013 um 15:39 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/12 "2013-01-07T15:39:15Z")

</div>

Hallo, - auch wenn etwas älter, aber immer noch aktuell - konntest Du das Problem identifizieren, finde es auch V4.0 unpraktisch Thumbnail anzuklicken um die Artikelvorschau zu bekommen, danke. Muß da noch irgendwie mouseleave miteinbezogen werden ?

---

<div class="post-metadata">

**Author:** ![hbee](https://avatars.discourse-cdn.com/v4/letter/h/f08c70/32.png) [@hbee](https://forum.shopware.com/u/hbee)\
**Post date:** [18. November 2013 um 01:02 UTC](https://forum.shopware.com/t/bilder-mouseover/2433/13 "2013-11-18T01:02:19Z")

</div>

hi, ist zwar echo etwas älter aber ich habe momentan das gleiche Problem: Bei Klick auf das Vorschaubild zum öffnen der CloudZoom-Lightbox: `images[activeImage] is undefined` gibt es hier mittlerweile eine iDee woran es liegt? vielen Dank,
