"genbrug" af billed ved onmouseover/out handlinger giver problemer
Jeg vil gerne bruge onMouseOver og onMouseOut til at fremhæve nogle menuvalg ved at ændre et billede.Desværre sker der det at de punkter jeg har været over alle ændrer sig når blot et punkt udsættes for onMouseOver handlingen.
Eksempel (* = animetet gif bullet):
* Menu 1 * Menu 2 * Menu 3
Hvis jeg kører musen over "menu 2" ændres mit "menu 2" billede som den skal.
Hvis jeg derefter går over "menu 1" ændres "menu 1" og "menu 2" billedet ved onMouseOut handlingen. Sidt hvis jeg går over "menu 3" så ændres alle 3 billeder.
Alle billeder har en individuel "name" attribut som jeg bruger til at ændre billedet med.
Min kode ser sådan ud:
i <head> delen:
function cImage(image, filename)
{
if (document.images) {
document[image].src=filename;
}
}
<a href="menu1"
onmouseover="cImage('anim_1', 'pix/anim_over.gif'); return true;"
onmouseout="cImage('anim_1', 'pix/anim_out.gif'); return true;"
>
<img src="pix/out.gif"
name="anim_1" width="15" height="15"
border="0">
Menu 1
</a>
<a href="menu2"
onmouseover="cImage('anim_2', 'pix/anim_over.gif'); return true;"
onmouseout="cImage('anim_2', 'pix/anim_out.gif'); return true;"
>
<img src="pix/out.gif"
name="anim_2" width="15" height="15"
border="0">
Menu 2
</a>
<a href="menu3"
onmouseover="cImage('anim_3', 'pix/anim_over.gif'); return true;"
onmouseout="cImage('anim_3', 'pix/anim_out.gif'); return true;"
>
<img src="pix/out.gif"
name="anim_3" width="15" height="15"
border="0">
Menu 2
</a>
--------
Nogen ideer om, hvad der går galt?
Mit eget gæt er at når .src er sat til anim_out.gif - og man så sætter en ny .src for et andet billede som bruger samme anim_out.gif som kilde - så genopfriskes alle billederne - dvs. alle menupunkter animeres hvor kilden er anim_out.gif - og ikke kun den image.src hvor man rent faktisk laver ændringen.
Næste spørgsmål er så - hvordan kommer man uden om det - eller bliver man nødt til at lave et hav helt ens billeder for hver enkelt menupunkt?
Hilsen
JesperKP
