meerdere rollover images werkt niet goed
Ik ben bezig met een lay-out voor iemand voor zijn radio. Dit lukt aardig.
Bovenin heb ik een balk gemaakt waar de radio zelf inkomt met de knoppen 'Play', 'Stop', 'Volume omhoog' en 'Volume omlaag'. Nu wil ik dat als je met je muis over 1 van die knoppen gaat dat die dan gaat 'gloeien'. Ik heb hier 3 gif-jes voor gemaakt. 1 waarbij er niets gebeurt, 1 waarbij hij gaat gloeien en 1 waarbij de gloed weg gaat. Ik heb eventjes op internet gezocht voor een rollover javascrtiptje en vond deze:
<script language="Javascript">
<!--
if (document.images)
{
image1 = new Image
image2 = new Image
image1.src = 'images/player/Out.gif'
image2.src = 'images/player/In.gif'
}
-->
</script>
en dit voor de plaatjes:
<a href="#"onMouseOver="document.Play.src=image2.src" onMouseOut="document.Play.src=image1.src">
<img src="images/player/button.gif" border="0" name="Play" >
</a>
Dat heb ik in dit veranderd (werkt precies hetzelfde):
<img src="images/player/button.gif" border="0" name="Play" onMouseOver="document.Play.src=image2.src" onMouseOut="document.Play.src=image1.src">
Als ik nu met mijn muis over de knoppen ga, beginnen ze mooi te gloeien. Maar zodra ik mijn muis van de knop afhaal stoppen ze met gloeien (m.b.v. mijn gifje) maar dat doen ze dan allemaal. Ook de knoppen waar ik me muis niet op houd. Hoe komt dit?
om het probleem zelf te bekijken: http://radio.habboice.nl/
Ik hoop dat jullie mij kunnen helpen.
Alvast bedankt
Gr Bryan
Er zijn nog geen reacties op dit bericht.