Board Thread:Support Requests - Getting Technical/@comment-25013146-20140606102908/@comment-856287-20140607165840

Hmmm... seems this method is flawed due to Wikia's lazy-loading of images: Images that aren't visible don't load right away, they load when you scroll to them. I'm not sure why the first one works (it worked for me too). The others work if you have your cursor over them and then scroll, even a little bit. Suddenly they are visible and you're scrolling, so they get to load. The same kind of thing happens on pages where you scroll down and images load as they appear in your view, instead of trying to load them all at once when you open the page.

I bet there's a way to get around that... I'll see what I can figure out.

Ah, okay. This works basically the same way, but uses a different method so it won't get caught up in lazy-loading of images. Instead of hiding the hover image with "display:none" and showing it on hover with "display:block" (which makes it lazy-load), this hides it with "visibility:hidden" and shows it with "visibility:visible" (and you have change the display property to block instead of none, obviously).