30 lines
838 B
JavaScript
30 lines
838 B
JavaScript
// onload是等所有的资源文件加载完毕以后再绑定事件
|
||
window.onload = function () {
|
||
setTimeout(lazyload(imgs), 20);
|
||
}
|
||
|
||
//// 获取图片列表，即img标签列表
|
||
var imgs = document.querySelectorAll('img');
|
||
function getTop(e) {
|
||
return e.offsetTop;
|
||
}
|
||
// 懒加载实现
|
||
function lazyload(imgs) {
|
||
imgs = document.querySelectorAll('img');
|
||
for (let i of imgs) {
|
||
if ($(i).is(':visible') == true) {
|
||
let trueSrc = i.getAttribute("data-src");
|
||
if (trueSrc != 'null' && trueSrc != null && trueSrc.indexOf('{{') < 0 && trueSrc.indexOf('}}') < 0) {
|
||
$(i).removeAttr("data-src")
|
||
i.setAttribute("src", trueSrc);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
// 滚屏函数
|
||
window.onscroll = function () {
|
||
//保证每次取到的为最新的
|
||
lazyload(imgs);
|
||
} |