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.
|
|