Pausing Blinkies and Other Moving GIFs — How Is It Done?

[lumiosecity]

Howdy!

I’m currently coping with the fact that I won’t have completed my Small Web September goals by the last check-in (WiFi’s out and won’t be back til October, on account of Recent Weather Events, alas) by compiling resources for when I finally get to crack open a code file again, and I’ve been wondering…

On other people’s personal sites, I keep seeing an option to toggle the movement of blinkies and other decorative GIFs on and off, but when I try to look up how to do it myself, I keep running into dead ends and/or jargon I have no idea how to decipher, and I’m not currently in a position where I can view page sources and poke around the guts to figure it out on my own (technical limitations, alas). I really want to add a toggle like this to my site, because I am in the deeply ironic position of being a photosensitive blinkie collector and it would be incredibly useful.

So far I’ve managed to figure out that it’s probably something to do with JavaScript, but beyond that, I’m lost.

Does anyone have any leads, suggestions, or resources?

Thank you so much in advance. :)

Comments

[erinptah]

Post some links to the sites where you've seen this? (Googling is just giving me a bunch of tutorials for unrelated things.)

[lumiosecity]

I originally saw it on Bechno Kid’s graphics page, and somehow it completely slipped my notice that she has a tutorial on how to implement it on her resource page, so now I kind of feel like a goober!

It’s a neat trick, for sure.

[erinptah]

Ah, awesome!

Used to be, you could just hit ESC and all the gifs would stop. I don't know why that doesn't come standard with browsers anymore.