ie-tauglich nn4.x-tauglich nn6-tauglich

Bildtausch per klick

ansichten

Klicken Sie auf ein Bild, um es zu vergrößern

Das JavaScript sieht wie folgt aus

	Position der Präsentations-Tabelle in der html-Datei: body-Bereich
<center> <table cellspacing="0" cellpadding="0" border="0" summary="Bilder der gesuchten Porzellan-Ware"> <tbody> <tr> <td><img height="300" src="bild_1.jpg" width="400" border="1" name="slides" color="#CCCCCC" alt="ansichten"></td> <td width="20"></td> <td width="220"><span class="a10">Klicken Sie auf ein Bild, um es zu vergrößern</span> <table cellspacing="0" cellpadding="0" width="110" summary=""> <tbody> <tr> <td width="104" height="80"> <script type="text/javascript"> //<!-- document.write('<a href="javascript: showupdate(0)"><img height="72" src="bild_1_t.gif" width="96" border="1" color="#CCCCCC" /><\/a>') //--> </script> </td> </tr> <tr> <td width="104" height="80"> <script type="text/javascript" language="JavaScript"> //<!-- document.write('<a href="javascript: showupdate(1)"><img height="72" src="bild_2_t.gif" width="96" border="1" color="#CCCCCC" /><\/a>') //--> </script> </td> </tr> <tr> <td width="104" height="80"> <script type="text/javascript" language="JavaScript"> //<!-- document.write('<a href="javascript: showupdate(2)"><img height="72" src="bild_3_t.gif" width="96" border="1" color="#CCCCCC" /><\/a>') //--> </script> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center>

Anmerkung:
Dieses Script lässt sich auch mit OnMouseOver-Funktionalität ausstatten:
Den String javascript: void(0);" onmouseover=" einfügen nach <a href=".

Quelle: www.ebay.de Bitte beachten: Keine Haftung für Inhalte fremder Internetseiten

© 2002