This project is forked from tuupola/jquery_lazyload and add features below:
* Many Details for improve performance;
* IE6/7 support;
* Available with Zepto;
* `vertical_only` \ `minimum_interval` \ `use_minimum_interval_in_ios` \ `no_fake_img_loader` options.
More information on jieyou/lazyload.
Images are loaded via AJAX(H) call after you click the container. Lazy Load is applied in the callback.
$("#container").one("click", function() { $("#container").load("images.html", function(response, status, xhr) { $("img.lazy").lazyload(); }); });
<img class="lazy" data-original="img/example.jpg" width="765" height="574">
On IE6, You can use the codes below,to solve problem that `imgs` have no height when just appended to the DOM tree.
$("#container").one("click", function() { $("#container").load("images.html", function(response, status, xhr) { setTimeout(funtion(){ $("img.lazy").lazyload(); },0) }); });