[JS] Gif afmaken na mouse-out
op het moment gebruik ik als mouseover deze code:
Code (php)
1
2
3
4
2
3
4
<a href="index.html" onmouseover="document.home.src='template/images/home.png'"
onmouseout="document.home.src='template/images/alt-home.png'">
<img src="template/images/alt-home.png" name="home" border="0">
</a>
onmouseout="document.home.src='template/images/alt-home.png'">
<img src="template/images/alt-home.png" name="home" border="0">
</a>
Werkt perfect, alleen ik gebruik nu dus als mouse over een gif. Deze gif heeft een soort van glow effect en ik vroeg me af of het mogelijk dat als je je mous ervanafhaalt hij niet opeens stopt, maar de animatie afmaakt?
Mvg,
Kevin
Gesponsorde koppelingen:
Dus even in een timeline gezet:
Start animatie (0:00) - Einde animatie (0:09)
En als ik dus een timeout van 9 seconden gebruik gebeurt er dit:
Start animatie (0:00) -Muis van het plaatje af(0:08) - Einde animatie (0:09) - Animatie start opnieuw (0:10) - Animatie stopt abrupt (0:17)
Dit is natuurlijk niet de bedoeling.
Maar dan moet je bij het opslaan van je gif animatie wel aangeven dat dienaar 1 keer stopt, daar was ik ook vanuit gegaan.. 't is ook wel vreemd als je (wanneer je op de knop blijft staan) animatie dan steeds opnieuw begint.
Wat ik dus wil is dat hij de ronde(als ik het zo kan noemen) afmaakt.
Dus laat ik het zo zeggen:
Start animatie, muis erop (0:00) - Einde animatie (0:09) - Begin animatie(0:10) - Muis eraf (0:12) - Einde animatie (0:18)
Het kan best zijn dat wat ik wil bereiken niet mogelijk is, maar ik zou het toch graag willen proberen.
