nicht angemeldet
Hi
a) Du machts für jeden Link ein eigenes Bild (mit dem grauen Bereich) und wechselst das per
onMouseOver
und
onMouseOut
jedesmal hin und her, oder
b) du zerlegst das Bild in kleine Stückchen (per Tabelle anordnen) und wechselst nur den Bereich aus der sich ändern soll.
Man könnte das (hier um das ganze Bild zu wechseln) z.B. so lösen:
Im Head-Bereich folgendes Script:
<SCRIPT LANGUAGE="JavaScript">
<!--
var smallImage=new MakeImageArray(7);
smallImage[0].src='logobin.gif';
smallImage[1].src='schalebx.gif';
smallImage[2].src='kupplubx.gif';
smallImage[3].src='fragenbx.gif';
smallImage[4].src='aunivebx.jpg';
smallImage[5].src='trasitbx.jpg';
smallImage[6].src='trailbbx.gif';
function MakeImageArray(n)
{
this.length = n;
for (var i = 0; i<=n; i++)
{
this[i] = new Image();
}
return this;
}
function smallImageSwap(num)
{
document.WechselBild.src=smallImage[num].src;
}
function mouseOut()
{
document.WechselBild.src=smallImage[0].src;
}
//-->
</SCRIPT>
In jeden Link fügst du dann noch das hier ein:
onMouseOver='smallImageSwap(5);' onMouseOut='mouseOut();'
und in das zu ändernde Bild
<IMG SRC="irgendwas.jpg" NAME="WechselBild" ...
Man kann so ganz komfortabe oben im Array die Bilder reinschreiben (das mit der 0 ist das Ausgangsbild) und dann per dazugehörige Nummer im Link aufrufen.
Willst du mehrere kleine Bilder machen braucht halt jedes seine eigene NAME=""-Identifikation und der Parameter muss ebenfalls mit dem Link übergeben werden
Eine möglichkeit das Bild dynamisch auf grauwerte umzuändern dürfte es leider nicht geben.
Ich hoffe ich konnte helfen
Matthias