jQuery LazyLoad图片延迟加载 真的能实现延迟加载吗 如题 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 本帖最后由 net_lover 于 2011-10-10 11:15:17 编辑 。那个加载有时候是一次性会加载完图片。google一下吧。。有好多人贴出来了可以一次性只加载看到的图片。。你滚动后加载下面的图片。 可以实现的,你可以去看一下京东的,其实很简单,去下载京东的jquery.lazyload.js这个js文件,然后在img标签里面自定义一些适当的属性就行了 <SCRIPT>function imageLoaded(){window.status = "Image " + event.srcElement.src + " is loaded";}</SCRIPT><BODY><IMG SRC="sample.gif" onload="imageLoaded()"></BODY>用new Image() 返回img对象,给其加onload事件.... jquery.lazyload需要修改一下。原版的直接写img的src属性,然后在载入时改为默认图片,取消请求(在这里,虽然替换了src属性,但它的真正路径已经开始被请求,产生了流量,用开发人员工具和firebug都可以看到),然后在scroll事件中判断图片是否可见,把真实的图片路径换回来。具体请看:http://www.popo4j.com/qianduan/transformation_jquery_lazyload_plug.html不过照这篇文章的改造方法也有遗留问题:1.它从一开始就把真实的图片路径换为了默认图片,如果有js错误,那么懒加载无效的情况下,整页全是默认图片了原版的jquery.lazyload在这时会显示真实的图片。2.对初始不可见的图片是无效的。如果图片本来不可见,根据鼠标挪动或者按钮点击事件导致它出现,它只会显示替换的默认图片。简单的解决是让它在显示时触发一下scroll事件。要么就把“初始不可见的图片”不要懒加载了,也不给src属性,当它出现时再判断它如果没有src再给它src开始请求图片。 .net 验证码 listbox项问题 三层:为什么要用IList<>做为返回类型呢? 高手看看这是啥错误? |zyciis| 如何将一个Bitmap图片用ASP.NET 读取出来后保存为txt文件,然后再将txt读出生成一个Bitmap文件 放入 求数据库设计思路及实现方案(顶有分) 未将对象引用设置到对象的实例的错误,在线等 asp.net2.0每次编译网页的问题老得覆盖原来的。 在 DataGrid 控件中以编程方式创建模板,并在代码中对模板中控件进行动态绑定数据 求一邮件发送系统 急!急!日期格式在前台显示格式化的问题 gridview一个格子里分行显示?
。那个加载有时候是一次性会加载完图片。google一下吧。。有好多人贴出来了可以一次性只加载看到的图片。。你滚动后加载下面的图片。
function imageLoaded()
{
window.status = "Image " + event.srcElement.src + " is loaded";
}
</SCRIPT>
<BODY>
<IMG SRC="sample.gif" onload="imageLoaded()">
</BODY>用new Image() 返回img对象,给其加onload事件....
原版的直接写img的src属性,然后在载入时改为默认图片,取消请求(在这里,虽然替换了src属性,但它的真正路径已经开始被请求,产生了流量,用开发人员工具和firebug都可以看到),然后在scroll事件中判断图片是否可见,把真实的图片路径换回来。
具体请看:http://www.popo4j.com/qianduan/transformation_jquery_lazyload_plug.html不过照这篇文章的改造方法也有遗留问题:
1.它从一开始就把真实的图片路径换为了默认图片,如果有js错误,那么懒加载无效的情况下,整页全是默认图片了原版的jquery.lazyload在这时会显示真实的图片。
2.对初始不可见的图片是无效的。如果图片本来不可见,根据鼠标挪动或者按钮点击事件导致它出现,它只会显示替换的默认图片。简单的解决是让它在显示时触发一下scroll事件。要么就把“初始不可见的图片”不要懒加载了,也不给src属性,当它出现时再判断它如果没有src再给它src开始请求图片。