如题

解决方案 »

  1.   

    本帖最后由 net_lover 于 2011-10-10 11:15:17 编辑
      

  2.   


    。那个加载有时候是一次性会加载完图片。google一下吧。。有好多人贴出来了可以一次性只加载看到的图片。。你滚动后加载下面的图片。
      

  3.   

    可以实现的,你可以去看一下京东的,其实很简单,去下载京东的jquery.lazyload.js这个js文件,然后在img标签里面自定义一些适当的属性就行了
      

  4.   

    <SCRIPT>
    function imageLoaded()
    {
    window.status = "Image " + event.srcElement.src + " is loaded";
    }
    </SCRIPT>
    <BODY>
    <IMG SRC="sample.gif" onload="imageLoaded()">
    </BODY>用new Image() 返回img对象,给其加onload事件....
      

  5.   

    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开始请求图片。