Anyways, I'm a bureaucrat on the Feral Wiki, and we have a page called "Dizzywing Dispatch" which is about a minigame that's present in the game. Scrolling down to the Bird Combinations section, we have a series of GIFs that show what happens when you trigger one of these combinations. However, the GIFs moving all at once is very distracting and busy, and I fear that it might even cause issues for some people who are viewing the page.
So, is there a way that I can make it so the GIFs are paused until hovered over by the user's mouse? I feel like the animated images are useful for people who learn better through visual representation rather than reading text but I don't want it to be too distracting where it's hard to see what's going on.
Unfortunately, I am fairly certain there is no easy solution to this. I couldn't think of any and all the online threads I found about this had similar conclusions. It isn't impossible but the solution definitely isn't a built-in feature; and probably won't work well (if at all) on mobile.
Just saying one should use a class without a code example isn't very helpful. Also, most likely you can't just use a class, you'd have to build a hash table or something for lookups... much more complicated unless you make file names match or something.