Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

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 as the user scrolls. E.g first .gif loads, user scrolls down, second .gif loads. I've been searching for days and I still can not get it. Thanks

share|improve this question
Please let us know why you want to do this - reason being their's a difference between loading an element and delaying a element, or hiding a element..... As you can animate the element when visible but the element could of loaded prior to user scrolling down for example. – Simon Hayter Oct 16 '13 at 17:10

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:

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.

share|improve this answer

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.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.