Load images when the user scrolls down the page -

Question

I have been noticing a trend in blogs where the images don't load until you scroll down the page and the images appear in the view screen.

I imagine that this must be some sort of jquery magic, but after some googling I haven't been able to figure out how it works. Does anyone know how this is done?

EDIT: If you want to see an example of this behavior, check out the portfolios on behance.com

Answer 1

Try this one. Customize the effects as per your needs.

http://www.appelsiini.net/projects/lazyload

Answer 2

It's achieved with the jQuery plugin Lazy Load.

also look at this question from the jquery forum

Look at a similar question Source: http://stackoverflow.com/questions/2750776/how-to-do-the-image-fade-in-effect-upon-scroll-like-mashable-com