How do you make images load only when they are in the viewport?
<p>I am seeing a lot of sites these days, mainly tutorial sites that have a lot of images and they only load images further down the page once they come into the view port?</p>

<p>How would I go about doing this?</p>

<p>An example:</p>

<p><a href="http://www.chopeh.com/blog/logo-design-start-to-finish/" rel="nofollow">http://www.chopeh.com/blog/logo-design-start-to-finish/</a></p>

<p>As you scroll down the page the images below the view port fade in</p>
