jquery实现简单懒加载
话不多说,直接上代码。
<img class="lazy" data-src="/images/example.png" src="/images/placeholder.png">
$(function() {
$('.lazy').each(function() {
$(this).attr('src', $(this).data('src'));
});
});
基本原理就是界面中首先用统一的占位图片来进行占位。之后再用正确的图片把占位图片替换掉。