图片懒加载
来源:互联网 发布:云记事本 php源码 编辑:程序博客网 时间:2024/06/06 04:06
$('.lazy').each(function(){
if($(window).scrollTop() + window.innerHeight > $(this).offset().top){
images($(this));
}
});
window.onscroll = function(){
$('.lazy').each(function(){if($(window).scrollTop() + window.innerHeight > $(this).offset().top){
images($(this));
}
});
}
function images(imgobj){
var img = new Image();
var imgsrc=imgobj.attr('imgsrc');
img.onload = function () {
if(img.complete == true){
imgobj.attr('src', imgsrc);
imgobj.removeClass('lazy');
imgobj.removeAttr('imgsrc');
}
} ;
img.src = imgsrc;
}
<img imgsrc="图片的真实地址" />
0 0
- 图片预加载与图片懒加载
- 图片预加载与图片懒加载
- 图片懒加载(图片延迟加载问题)
- 图片懒加载技术
- 图片懒加载
- 图片懒加载
- 图片懒加载,亲测
- 图片懒加载
- 图片懒加载
- 图片懒加载
- 图片懒加载
- js 图片懒加载
- 图片懒加载
- 图片懒加载
- 图片懒加载资料
- HTML图片懒加载
- 图片懒加载
- 图片懒加载
- 关于java中Double类型的运算精度问题
- 开通新博客,希望多多关注
- We trust you have received the usual lecture from the local System Administrator. It usually boils
- jQuery Validate验证框架详解
- ffmpeg命令基本使用
- 图片懒加载
- 芯片码率控制使用说明
- 相关资料下载链接备份
- Eclipse对插件的安装(link方式)
- java开发涉及到的各种框架比较,技术选型
- leetcode-14-Longest Common Prefix
- hdu1042 - N!
- plsql编程语言示例
- 自己分装Php分页类