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