Vergrößerung im gleichen (!) Dokument


Ein Script, wie es einfacher für diesen Effekt kaum geht. Ganze 10 Zeilen
für die Script- Datei (magnify.js). Dazu ein wenig CSS, um die  Position
und das Aussehen des Layers zu bestimmen.
Der <div> Tag kommt am besten gleich als erstes in den Body der Seite.

<div id="magnify" style="background-color: #3399ff;
layer-background-color: #3399ff; position:absolute;
left:0px; top:0px; width:250px; height:377px; z-index:1;
visibility: hidden;"> <p style="padding:6px;">
<img name="magnifypic" width:"250"px height:"377px" src="" /></p></div>


In den Image-Tags der HTML- Datei können Sie die Aktionen für die Maus definieren.
In unserem Beispiel wäre das:

<img src="kylie1.jpg" onmouseover="ja(this);" onmouseout="nein();"
border="1" width="50" height="75" />


Wobei "ja" bzw. "nein" die beiden Funktionen des JavaScripts ansteuert.


 

 

 

Alle relevanten Dateien sind im Download enthalten