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