[Clarén]

Hej,
Jag har råkat på ett mysko problem.

Jag ville ha menyknappar som tänds och släcks med en animerad effekt när musen förs över dem. Jag gjorde det i CSS med "background-image:url(_sajtgrafik/menyknapp.gif);" respektive "background-image:url(_sajtgrafik/menyknapp2.gif);" för hover.

Så länge jag bara har EN knapp på menyn så funkar det. Animeringen som lyser upp knappen när pekaren kommer över knappen körs och animeringen som släcker knappen igen när pekaren försvinner körs också. Snyggt och prydligt.

Men, när jag lägger in fler knappar så funkar inte animeringen för släckning, knappen blir bara svart, helt tvärt. Men animerad tändning funkar fortfarande på alla knappar.

OK, tänkte jag, då går det väl inte med CSS, så då skrev jag funktionen i javascript med "setAttribute("src","/_sajtgrafik/menyknapp.gif");" respektive "setAttribute("src","/_sajtgrafik/menyknapp2.gif");"

Då får jag EXAKT samma betende. En knapp funkar men med två eller fler fungerar inte onmousout funktionen. Eller rättare sagt det gör den, för knappen blir ju svart igen, men animeringen körs inte.

Någon som vet vad detta fenomen beror på???

Sidan finns här om någon vill titta
http://sjobosoriginal.se (CSS varianten)
http://sjobosoriginal.se/test.html (JS varianten)