Hallo ironmike24
ich konnte es mir nicht verkneifen also ich habe dir da mal ein Beispiel angefertigt.
Fakt ist das du auch gleiche Grafiken nutzen kannst nur solltest du beim Einbau auf die richtige JS-Defintion achten.
Beispiel:
<script language="JavaScript">
<!--
// Dieses Script stammt von Klaus Hentschels Javapage
// e-mail: Black_runner@t-online.de
// www:
http://Java.topcool.de
// www:
http://home.t-online.de/home/Black_runner/
// Bitte entfernen sie diesen Vermerk nicht!
var NN3 = false;
image1= new Image();
image1.src = "off.gif";//Normale Grafik vor dem Link
image1on = new Image();
image1on.src = "on.gif";//Highlight Grafik vor dem Link
image1alt = new Image();
image1alt.src = "off.gif";//Normale Grafik hinter dem Link
image1alton = new Image();
image1alton.src = "on.gif";//Highlight Grafik hinter dem Link
image2= new Image();
image2.src = "off.gif";
image2on = new Image();
image2on.src = "on.gif";
image2alt = new Image();
image2alt.src = "off.gif";
image2alton = new Image();
image2alton.src = "on.gif";
function on3(name) {
document[name].src = eval(name + "on.src");
parent.document[name + "alt"].src = eval(name + "alton.src");//
}
function off3(name) {
document[name].src = eval(name + ".src");
parent.document[name + "alt"].src = eval(name + "alt.src");
}
NN3 = true;
function on(name) {
if (NN3) on3(name);
}
function off(name) {
if (NN3) off3(name);
}
//-->
</script>
<a href="#" onmouseover="on('image1');" onmouseout="off('image1')"><img src="off.gif" border="0" name="image1"> 1.Link <img SRC="off.gif" BORDER="0" name="image1alt"></a><br>
<a href="#" onmouseover="on('image2');" onmouseout="off('image2')"><img src="off.gif" border="0" name="image2"> 2.Link <img SRC="off.gif" BORDER="0" name="image2alt"></a>
erstelle dir nur noch deine Grafiken und passe sie an das Script an.
ciao,
Klaus...
