jquery实现简单懒加载

话不多说,直接上代码。

<img class="lazy" data-src="/images/example.png" src="/images/placeholder.png">

$(function() {
  $('.lazy').each(function() {
    $(this).attr('src', $(this).data('src'));
  });
});

基本原理就是界面中首先用统一的占位图片来进行占位。之后再用正确的图片把占位图片替换掉。

posted @ 2017-04-14 11:21  牛奶无花果  阅读(192)  评论(0编辑  收藏  举报