rollover

[Marcus]

habe vollgendes funktionierendes script:

function roll(nb)

{
var a;
a= new Array();
a[0]=new Image;
a[0].src="img2.gif";
a[1]=new Image;
a[1].src="img1.gif";
eval("img1.src=a["+nb+"].src");
}

---

<a href="http://forum.de.selfhtml.org/" onmouseover="roll1(0)" onmouseout="roll1(1)"> <img name="img1" SRC="img1.gif"  border=0 >selfhtml</a>

mein problem:
ich will das gleiche script auf der gleichen seite bei weiteren links anwenden. funktioniert aber nicht! muss dann eine neue function schreiben mit einem neuen bildernamen - was natürlich sehr umständlich ist.

hat irgendwer eine ahnung was ich verändern muss?

danke

so long fjodor

hi,
führe diese Methode weiter :

agent = navigator.userAgent
browserVer=1
if (agent.indexOf ("MSIE 3") >0) {browserVer = 0}
if (agent.indexOf ("Mozilla/2.0") >0) {browserVer = 0}
if (browserVer == 1) {
var indexnor = new Image();
var indexup = new Image();
indexnor.src = "index-n.gif";
indexup.src = "index-u.gif";
}
function anim (dst,src) {
 if (browserVer == 1) {
  document.images[dst].src = eval (src + ".src")
 }
}

---------------------------

<a href="welcom.html" target="Haupt" onMouseOver="anim('index','indexup')" onMouseOut="anim('index','indexnor')"><IMG SRC="index-n.gif" BORDER="0" Name=index></A>

willst du einen weiteren Menüpunkt haben:

in den headbereich :
var uebernor = new Image();
var ueberup = new Image();
uebernor.src = "ueber-n.gif";
ueberup.src = "ueber-u.gif";

in den body :

<a href="ueber.html" target="Haupt" onMouseOver="anim('ueber','ueberup')" onMouseOut="anim('ueber','uebernor')"><IMG SRC="ueber-n.gif" BORDER="0" Name=ueber></A>

also, man kann das script zwar noch verbessern, aber es läuft gut und ich habe bisher noch keinen Brauser gesehen, der das script nicht interpretieren konnte.

Auf meiner Seite (http://www.asterix-ac.de) kannst Du das Script in Live und Farbe sehen.

Marcus