onMouseOver mit 2 bildwechseln???

[riddler]

hi! folgendes problem:
navigation sieht etwa so aus:

(bild1) link1 (bild2) link2 (bild3) link3 (bild4)

es gibt 3 verschiedene bilder:
pfeilblank.bmp
pfeilrechts.bmp
pfeillinks.bmp

anfangs sind alle bilder pfeilblank (weiß)

fährt man nun mit der maus auf link1,
soll bild1 = pfeilrechts werden
und bild2 = pfeillinks

fährt man wieder weg, soll alles wieder pfeilblank sein.
geht man nun auf link2,
soll bild2 = pfeilrechts werden
und bild3 = pfeillinks

usw, logisch?
leider habe ich nicht viel (keine) ahnung von javascript,
habe mal wüst in dem "rollover-script" von dreamweaver3.0 rumgemüllt (try&error), hat aber nicht so viel gebracht.
habs zwar geschafft, dass sich 2 bilder veränderten, aber nur 1 ging wieder in den ursprungszustand; außerdem ist das dreamweaver script sowas von derbe kompliziert...

ich denke, für jemanden der ahnung von javascript hat, ist das ein klacks, aber ich kanns halt eben nicht
wäre nett, wenn mir jemand helfen könnte
mfg,
riddler

 

[Klaus]

hi,

sie Suchfunktion hätte dir die Lösung gegeben,fürs nächste mal denke an die Suchfunktion.

<script language="JavaScript">
<!--
image0 = new Image();
image0.src = "GrafikAus1.gif";
imageon0 = new Image();
imageon0.src = "GrafikAn1.gif";

image1 = new Image();
image1.src = "GrafikAus2.gif";
imageon1 = new Image();
imageon1.src = "GrafikAn2.gif";

function wechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>

<a href="#" onMouseOver="wechsel(0,imageon0)" onMouseOut="wechsel(0,image0)">
<img SRC="GrafikAus1.gif" WIDTH="135" HEIGHT="35" BORDER="0"></a><br>
<a href="#" onMouseOver="wechsel(1,imageon1)" onMouseOut="wechsel(1,image1)">
<img SRC="GrafikAus2.gif" WIDTH="135" HEIGHT="35" BORDER="0"></a><br>


ciao,
Klaus...

 

[riddler]

sowas.
hab gesucht!
aber das script hilft mir keinen deut weiter.
1.wechselt da auch nur ein bild
2. hab ich ja nur 3 verschiedene bilder und nicht
für jedes einzelne bild ein "gegen-bild"

das script da oben, hab ich ja schon auf deiner page gefunden, ist ja nicht so dass ich nirgendwo gesucht hätte, hab ich und ich bin verzweifelt...

vielleicht tuns ja auch ein paar erklärungen zu dem script, falls damit doch das geht was ich oben beschrieben hab (oder du hast mich falsch verstanden...)

mfg,
riddler

 

[Klaus]

hi,

so jetzt hoffe ich das es past,habs eben mal schnell umgeschrieben.....


<script LANGUAGE="JavaScript">
<!--
{

alt1 = new Image();
alt1.src = "doppel.gif";

alt2 = new Image();
alt2.src = "alt2.gif";

image1= new Image();
image1.src = "aus1.gif";
image1on = new Image();
image1on.src = "an1.gif";
}
function image(ID,Name,ID2,Name2) {
{
document.images[ID].src = eval(Name + ".src");
document.images[ID2].src = eval(Name2 + ".src");
}
}
//-->
</script>

<a HREF="test1.html" ONMOUSEOVER="image('doppel','alt2','one','image1on')" ONMOUSEOUT="image('doppel','alt1','one','image1')">
<img SRC="aus1.gif" BORDER="0" NAME="one">
<br>
<br>
<img SRC="white.gif" border="0" NAME="doppel">


ciao,
Klaus....

Ps.: wenn du nun auf ein Bild gehst dann werden beide Grafiken ausgetauscht und wenn du nun von der Grafik runter gehst dann wechseln sie wieder in den Ursprung zurück

 

[riddler]

YEAHH!!!

es klappt!
big THX
mfg,
riddler

 

[Klaus]

hi,

Bitte Bitte........ habs ja noch gerafffffffft....


ciao,
Klaus...