 |
||
| Eins | Zwei | Drei |
Im Head ist einzufügen:
<SCRIPT LANGUAGE="JavaScript1.1" TYPE="text/javascript">
<!--
// Vorabladen der Bilder
NumberImg = new Array()
for(var i = 0; i < 4; i++)
{
NumberImg[i] = new Image()
NumberImg[i].src = "jsbsp_dyn_bildaenderung_" + i + ".gif"
}
// Bild zeigen
function show_image(idx)
{
document.showimg.src = NumberImg[idx].src
}
// Bild zeigen
function hide_image()
{
document.showimg.src = NumberImg[0].src
}
// -->
</SCRIPT>
Der Quellcode für die Tabelle sieht folgendermaßen aus:
<TABLE BORDER=2 CELLPADDING=8 bordercolor="#111111" cellspacing="0">
<TR ALIGN=CENTER>
<TD COLSPAN=3><IMG NAME="showimg" SRC="jsbsp_dyn_bildaenderung_0.gif" HEIGHT=64
WIDTH=64></TD>
</TR>
<TR>
<TD ALIGN=CENTER WIDTH=96><BIG><A HREF=#
onMouseOver="show_image(1)"
onMouseOut="hide_image()">Eins</A></BIG></TD>
<TD ALIGN=CENTER WIDTH=96><BIG><A HREF=#
onMouseOver="show_image(2)"
onMouseOut="hide_image()">Zwei</A></BIG></TD>
<TD ALIGN=CENTER WIDTH=96><BIG><A HREF="http://www.hakmistelbach.ac.at"
onMouseOver="show_image(3)"
onMouseOut="hide_image()">Drei</A></BIG></TD></TR>
</TABLE>
Auf die Wörter "1", "2" oder "3" können Links oder Dummy-Links gelegt werden. Auf der Ziffer "3" liegt ein Link zur HAK Mistelbach, auf den Ziffern "1" und "2" ist das Ziel des Links nur eine Raute, das heißt, dass beim Anklicken nichts passiert.