: How do I delay a .gif image until the user scrolls down to it? I have multiple .gif files that I want to post on a forum, it's powered by myBB. Anyways, I want these to load sequentially

@Jamie184

Consider using Discourse instead, it's free, open-source and superior to myBB in so many ways. Most importantly it supports lazy-loading. The Discourse project is headed up by Jeff Atwood one of the founders of the Stack Exchange network.

Vote Up Vote Down

@Eichhorn148

The name of the feature that you are looking for is called "lazy load". The technique typically works by initially showing a 1x1 transparent placeholder, and then using JavaScript to swap it out for the real image on scroll.

Here are some sites that provide code to do this for you:

css-tricks.com/snippets/javascript/lazy-loading-images/ -- About 60 lines of Javascript www.appelsiini.net/projects/lazyload - A jQuery plugin luis-almeida.github.io/unveil/ -- Another jQuery plugin


For this to work, you must be able to alter the forum software to include the required javascript in the page. You won't be able to do this all within a forum post.

Vote Up Vote Down