onclick with animated gif

cedric813 · #1 (**permalink**) 08-18-07, 10:13 PM

Hi everyone,

I have this piece of code on my page:

HTML Code:

<a href="www.something.com><img onclick="changeImg(this, 'pics/call_click.gif')" src="pics/call.gif" width="184" height="40" border=0 align="middle"></a>

When the image (call.gif) is clicked, it changes to another image (call_click.gif). This works perfectly until I put an animated gif in the second image (call_click.gif). Now, when I click the image it changes to the animted gif image but only displays the first frame of the animated gif and not the whole thing.

Does anyone know how I could fix this so that when the static image is clicked, the animated gif image starts playing?

Thanks so much in advance :-)

Sorry. I forgot to add the part that goes in the head:

HTML Code:

<head>
<script type="text/javascript">
function changeImg(img, newimg) {
img.src = newimg;
}
</script>
</head>
<body>
<a href="www.something.com><img onclick="changeImg(this, 'pics/call_click.gif')" src="pics/call.gif" width="184" height="40" border=0 align="middle"></a>
</body>

jfulton · #2 (**permalink**) 08-20-07, 03:39 PM

First, try fixing your quotes.

HTML Code:

<a href="http://www.something.com"><img onclick="changeImg(this, 'pics/call_click.gif');" src="pics/call.gif" width="184" height="40" border="0" align="middle"></a>

If that doesn't work, can you link to an example? Also, what browser are you using?

(You know that since your image is inside of <a> tags, you need to prevent the browser from navigating to "http://www.something.com" right? Your code doesn't show that...)

jfulton · #3 (**permalink**) 08-21-07, 03:39 AM

Hmmmm...didn't see your other thread. Please don't cross-post.

Closing thread...