Lazy Load Enabled With Timeout

(old version)

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

Here Lazy Load plugin is enabled. Images below the fold are not loaded. Timeout will trigger five seconds after all other elements of page have been loaded. Compare this to page where plugin is disabled of same page with fadein effect.

$(function() {
    $("img.lazy").lazyload({
        event : "sporty"
    });
});

$(window).bind("load", function() {
    var timeout = setTimeout(function() { $("img.lazy").trigger("sporty") }, 5000);
});
<img class="lazy" data-original="img/example.jpg" width="765" height="574">
BMW M1 Hood BMW M1 Side Viper 1 Viper Corner BMW M3 GT Corvette Pitstop


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