All Things Small Web

i have this on my links page! it's javascript; i used bechnokid's tutorial (linked by alaterdate!), but if i recall correctly something or other didn't work and i had to change something... i forget what though, it was a while ago! so here is just my setup.

put this in the head of your page
<script src="freezeframe.js"></script>

give every animated image the class "animated"

<img class="animated" src="http://imageurl.gif">

put "start" and "stop" buttons on the page

<button class="start">start</button> <button class="stop">stop</button>

put this script on the page (i have it at the bottom before the /body end tag)

<script> const manual = new Freezeframe('.animated', { trigger: false }); document .querySelector('.start') .addEventListener('click', () => { manual.start(); }); document .querySelector('.stop') .addEventListener('click', () => { manual.stop(); }); </script>