Hotspot on animated gif

Question

How do I create a hotspot on the last frame of an animated gif that only plays once. When it is finished I want to be able to click on it to load another page.

Answer 1

You can try this:
Stick this in the header area of your code
<script type="text/javascript"> function showBuyLink() {
document.getElementById("buylink").style.visibility = "visible";
} // adjust this as needed, 1 sec = 1000
setTimeout("showBuyLink()", 5000);
</script>
Stick this around your buy link code.
<div id="buylink" style="visibility: hidden"> <!-- put all your add to cart buy links and images inside this hidden div --> <p style="text-align:center; font-size:26px;"> <a href="http://mybuylink">Add to Cart or Buy Link</a> </p> </div>
Yopu can rename "buylink", but you have to make sure you rename all instances or it will kill the script.
If you're not comfortable incorporating that, unfortunately, the other option would be to create a Flash animation and put a button in the last frame.
That would be just as difficult (if not worse) as writing (or tweaking) a javascript to delay the hotspot, and even worse because it would be invisible to phone users. Additionally, people who disable javascript would never see the link if you did add the script.
There isn't any way to do this with HTML or CSS, and you now know the flaws with the methods that will work.