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

Iynque wrote: 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). ^_^ it worked, I tried googling all the first lines in the css ex: .imgUnder, .imgOver, img.under and found nothing helpful , I am really new to css and html and finding just the right code to put in is like 80% of the battle is there a better way to find this information or do I just kind have to know it ? I don't really feel like i'm problem solving when editing in wikia more like getting to a stuck point and having to basically ask someone else for the answer :<