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

  • 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. Commented Oct 16, 2013 at 17:10

2 Answers 2


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.


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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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