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
It’s achieved with the jQuery plugin Lazy Load.
also look at this question from the jquery forum
Look at a similar question
Source: How to do the image fade-in effect upon scroll (like mashable.com)