Reset animated gif?

Content
1

I want to use animated gifs as MouseOver in rollover buttons. Somehow when I put this together the animation only works for the first time I do the MouseOver. - the anim gifs in the Mouse over state are set with an end state- not looping. I want the sequense to restart every time I have a MouseOut and then go back with MouseOver.

I get this to work if i dont put in preload images as default but then I will have problems with delays instead. Do anyone know how to solwe this problem ??

Greetings from Sweden !

2

How about this?

Based on the code, it looks like its doing a fresh reload as you mentioned, so there probably is some delay. Couldn’t tell cus I’m on broadband. If thats the case, then your only other option is by using flash.

3

no need for javascript or flash … the following html and css work

<html>
<head>
<title>button</title>
<style type=“text/css”>
.button {
width: 200px;
height: 50px;
background-image: url(“staticimage.gif”);
border: 1px solid black;
}

.button:hover {
background-image: url(“animated.gif”);
}

</style>
</head>
<body>

<div class=“button”>
<a href=“http://www.sitepoint.com/”>button1</a>
</div>
<div class=“button”>
<a href=“http://www.sitepoint.com/”>button2</a>
</div>
<div class=“button”>
<a href=“http://www.sitepoint.com/”>button3</a>
</div>

</body>
</html>

hth, greetings from Holland !

4

Thank you pointless !!!

5