Home
Free-Service
Online-Shop
Tassen & Co
CodeSnippets
WebTools
Software
Java/Scripte
Generatoren 
eKiwi Blog
Link zu uns
Impressum

Füge das folgende Script in den body-Bereich deiner HTML-Datei ein:

<SCRIPT LANGUAGE="JavaScript">
<!-- ... Quelle Dummy ...
function show_image()
{
alert("Diese Funktion ben&ouml;tigt JavaScript1.1!")
}

// ... Ende Dummy ... -->

</SCRIPT>

<SCRIPT LANGUAGE="JavaScript1.1">

<!-- ... Quelle Beispiel ...

// Vorabladen der Bilder
NumberImg = new Array()

for(var i = 0; i < 4; i++)
{
NumberImg[i] = new Image()
NumberImg[i].src = "" + 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
}

// Dummy
function dummy()
{
alert("Hier wird keine Funktion ausgel&ouml;st. " +
"Die Wirkung des Beispiels ist allein durch das Betreten und Verlassen des Mauszeigers im Bereich des Verweises zu erkennen.")
}

// -->
</SCRIPT>
 

Um die entsprechenden Links und das Bild zu erzeugen musst du außerdem noch diesen Quelltext einfügen:

(Hier in Form einer Tabelle)

<TABLE BORDER=2 CELLPADDING=8 align="left" bordercolorlight="#FFFFFF" bordercolordark="#FFFFFF" style="border-collapse: collapse" bordercolor="#111111" cellspacing="0">
<TR ALIGN=CENTER><TD COLSPAN=3><IMG NAME="showimg" SRC="0.gif" HEIGHT=64 WIDTH=64></TD></TR>
<TR><TD ALIGN=center WIDTH=96><BIG><A HREF="javascript:dummy()" onMouseOver="show_image(1)" onMouseOut="hide_image()">Eins</A></BIG></TD>
<TD ALIGN=center WIDTH=96><BIG><A HREF="javascript:dummy()" onMouseOver="show_image(2)" onMouseOut="hide_image()">Zwei</A></BIG></TD>
<TD ALIGN=center WIDTH=96><BIG><A HREF="javascript:dummy()" onMouseOver="show_image(3)" onMouseOut="hide_image()">Drei</A></BIG></TD></TR>
</TABLE>

 

Hinweis: Wenn du dir hier die Quelltexte kopierst, dann füge sie am besten mit einen Texteditor in dein HTML-Dokument ein, da die meisten Webeditoren es als normalen Text interpretieren.