2016年4月28日 星期四

[ jQuery ] lazy 圖片延遲載入

http://jquery.eisbehr.de/lazy/

HTML
<img class="lazy" data-src="images/1.jpg" />
<img class="lazy" data-src="images/2.jpg" />
<img class="lazy" data-src="images/3.jpg" />
<img class="lazy" data-src="images/4.jpg" />
<img class="lazy" data-src="images/5.jpg" />
<img class="lazy" data-src="images/6.jpg" />
<img class="lazy" data-src="images/7.jpg" />
<img class="lazy" data-src="images/8.jpg" />
<img class="lazy" data-src="images/9.jpg" />
<img class="lazy" data-src="images/0.jpg" />

JavaScript
$(function() {
  $('.lazy').lazy();
});