Lazy Load Enabled With Timeout

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 HoodBMW M1 SideViper 1Viper CornerBMW M3 GTCorvette Pitstop


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