Bildvergrößerung bei mouse over

[tomaso]

Hallo,

ich habe jetzt schon eine ganz weile gesurft, leider bin ich auf nichts hilfreiches gestossen.

Ich möchte eine Bildvergrößerung wenn ich über das Produktbild mit der Maus fahre. (also bei mouse over)

Bei mouse over sollte sich das Bild vergrößern (oder ein größeres eingeblendet werden) und bei mouseout wieder verschwinden.

Hier ist ein Shop in dem das so gelöst ist.

Aber ich habe keine Ahnung wie ich das machen sollte?

http://www.ichverkaufealles.de/Angebote

[sieberforst]

Hi,

da gibt es ein Modul für die Startseite namens "FlyOver-Modul".

Google danach, ich möchte hier keine Werbung machen. Kostet ca. 20,- EURO.

Beim Gambio ist das schon implementiert.

Gruß Jens

[IT-B@SICS]

Ich greife diesen Fred mal hier wieder auf.

Und zwar habe ich das Flyover-Modul eingebaut, es funktioniert auch fast einwandfrei. Im Firefox ist die Darstellung so wie es sein soll, im IE allerdings ist das Flyover nicht da wo es hinsoll. Es öffnet sich einfach irgend wo auf der Seite anstatt wie im Firefox artig beim Mauszeiger.

Zum besseren Verständnis: www.deluxe-und-design.de, da am Besten die letzte Zeile der Artikel auf der Startseite ansehen.

Hier das JavaSkript in der header.php:

<script language="JavaScript" type="text/javascript"> 

   var global_x = 0; 

   var global_y = 0; 


   var ie = (document.all) ? true : false; 

   if(!ie) document.captureEvents(Event.MOUSEMOVE); 

   document.onmousemove = getPosXY; 


   function getPosXY(e) { 

       x = (ie) ? event.clientX + document.body.scrollLeft : e.pageX; 

       y = (ie) ? event.clientY + document.body.scrollTop : e.pageY; 

       if(x < 0) { x = 0; } 

       if(y < 0) { y = 0; }  

       global_x = x; 

       global_y = y; 

   }    

   function show_info(div_id) { 

      document.getElementById(div_id).style.visibility    = "visible"; 

      document.getElementById(div_id).style.left           = (global_x+10) + "px"; 

      document.getElementById(div_id).style.top             = (global_y-60) + "px"; 

   } 

   function hide_info(div_id) { 

      document.getElementById(div_id).style.visibility    = "hidden"; 

   } 

   </script> 

Jemand eine Idee, was am Code geändert werden muss?

Danke im Voraus.

Thomas