Lazy Load Plugin for jQuery

Blog Projects

Plugin enabled on container

Images below the visible area (the ones lower than container bottom) are not loaded. When scrolling down they are loaded when needed. Empty cache and shift-reload to test again. Compare this to page where plugin is disabled or same page with fadein effect.

$("img.lazy").lazyload({         
    effect : "fadeIn",
    container: $("#container")
});
      
#container {
    height: 600px;
    overflow: scroll;
}
      
<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
CATEGORIES
Built using the awesome Flat UI Pro framework by Designmodo.

© 2013 Mika Tuupola.