Question

152

Make images load when they enter visible section of browser?

rated 0 times [ 155] [ 3] / answers: 1 / hits: 26628 / 15 Years ago, sun, november 15, 2009, 12:00:00

I was browsing around the web and I saw something I've never seen before.
on this site:
http://blogof.francescomugnai.com/2009/04/mega-roundup-of-geektool-scripts-inspiration-gallery/

When you navigate down the page, the images only load when they are in the visible portion of the browser.
I have never seen this before and was wondering if anyone else has and how exactly one would do it.

I'm guessing this is some sort of Wordpress plugin (that's what he's using) but I'm not sure.
Is it javascript? Are they actually loading on page load but just become visible later for a snazzy effect or is this actually useful for quicker page load times?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

nikhilh

Add To Favorites

Follow

Total Points: 224

Total Questions: 89

Total Answers: 99

Location: Bahrain

Member since Fri, Sep 16, 2022

2 Years ago

answered 15 Years ago arthur · Accepted Answer

LazyLoad is no longer available according to the website. Apparently the code no longer works on new browsers and the author doesn't have time to update it.

The appear plug in is working well for me.

http://plugins.jquery.com/appear/

It allows you to specify a callback function for an element. The callback function is called when the element appears into view. From the site:

$('#foo').appear(function() {

  $(this).text('Hello world');

});