PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
K

[JS] Gif afmaken na mouse-out

Door Kevin Tuns op 12-09-2008 23:51
1.018 views
Hey allemaal,
op het moment gebruik ik als mouseover deze code:

<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>


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
R
Robert Deiman
13-09-2008 00:17
Een time-out erop zetten, die net zo lang duurt als de animatie?
K
Kevin Tuns
13-09-2008 00:36
Maar als ik dat doe dan speelt hij hem toch opnieuw af als ik hem er op het laatste moment af haal

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.
R
Robert Deiman
13-09-2008 00:42
@Kevin
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.
K
Kevin Tuns
13-09-2008 00:51
Dit komt omdat ik wil dat hij zich blijft herhalen totdat de muis er afgehaald wordt.

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.

Reageren

Inloggen om te reageren