TippEx: Div layer soll ein vergrößertes Bild im selben Fenster anzeigen

Beitrag lesen

Hallo,

im wesentlichen bereitet mir folgender Abschnitt (selbst ausgedacht, mit bekanntem Erfolg ;) einige Probleme und hoffe, dass sich vielleicht jemand mit etwas mehr Erfahrung den Code mal näher anschauen könnte.

Ziel ist es, eine Vorschau von Fotos zu zeigen.
Mit onmouseover wird die Funktion zoomImg aufgerufen (Übergabeparameter sind die Koordinaten x und y und der Dateipfad).

Die vergrößerte Version vom Foto sollte den Layer-Bereich von der kleineren Darstellung überlappen. Und da eben sagt mir Firefox 3.0 beim Event "onmouseover", dass es nötig ist, für den neuen Layer in der Funktion "zoomImg" auch ein neues Fenster zu öffnen. Und da verstehe ich nicht den Grund.

Weiß jemand einen Tipp vielleicht, wie ich aufgrund eines Maus-Events einen Layer im selben Fenster eröffnen kann ?

Vielen Dank im voraus,

Stephan

-- Anhang Anfang --

[..]
 <script language="JavaScript">

function zoomImg (x,y,pic) {

var x = x+5;
                        var y = y+5;

var zoom = "<img src = "" + pic + "" border = "1">";
   document.write ("<div style = "position:absolute;top:" + y + "px;left:" + x + "px;width:266px;height:312px;z-index:2;">");
    document.write (zoom);
   document.write ("</div>");
  }
 </script>

[..]
<div style = "position:absolute;top:0px;left:348px;z-index:1;">
    <img src= "foto.jpg" width = "91" height = "109.2" border = "1"
         onmouseover="zoomImg (348,0,'foto.jpg')" onmouseout = "zoomImg (348,0,'')">
</div>

-- Anhang Ende --