Lazy Load Enabled With Gazillion Images

(old version)

Interested in jQuery and JavaScript? Try the video courses by Treehouse

When you have hundreds of images it is best to use James Padolseys scrollstop event. Compare this to page where plugin is disabled or page with larger images.

<script src="jquery.scrollstop.js" type="text/javascript"></script>
<img class="lazy" data-original="img/example.jpg" width="80" height="120" alt="">
$("img.lazy").lazyload({
    event: "scrollstop"
});


Interested in becoming a web developer? Start with JavaScript Essentials (free) and continue to earn a full Techdegree (free trial).