不需要图片的延迟加载,希望数据延迟加载,
打个比方,一个div包含n行记录,但每次显示具体多少行,当滚动条向下移动时自动加载,或者数据距显示部分相差n像素的时候加载数据,必须用lazyload

解决方案 »

  1.   

    嗯,这种简单的小功能还用的上我JQ出马啊。lazyload主要是加载图片速率过慢而产生的,文本加载不存在这个问题,如果追求效果,你就自己写一个小插件就是了,几行语句
      

  2.   

    当滚动条向下移动时,这个是个scroll事件呀。触发这个事件的时候,你ajax调用数据就行了嘛。
      

  3.   

    我们要做静态的,ajax是访问后台或接口了,是和lazyload延迟加载图片一样,加载页面的时候已经在下载了,只不过页面先显示,到了具体内容部分在把内容显示,因为我们是做b2c网站的,网站访问量大,这样做可以不减少浏览量的情况下减少发送数据量,要为公司省钱。。
      

  4.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 
    </head>
    <body>
    初始图片<img src="http://www.iaechina.net.cn/images/logo.gif"/>
    <div id="lazyBox" style="margin-top:100px;">
        滚动才能看到图片
        <img width="120" height="90" class="lazyImg" alt="http://www.iaechina.net.cn/images/logo.gif" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DAA"/>
        <img width="120" height="90" class="lazyImg" alt="http://www.iaechina.net.cn/images/logo.gif" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DBA"/>
        </div>
    <div style="height:1000px;">
    &nbsp;
        </div>
      <script type="text/javascript">
       var isShow=false;
    $(window).bind("scroll",function(){
    if(isShow==true){
    $(window).unbind("scroll");
    return;
    }
    var t = $(document).scrollTop();
    if (t>500){
    isShow=true;
    $(".lazyImg").each(function(){
    $(this).attr("src",$(this).attr("alt"));
    });
    }
    });
      </script>
      
    </body>
    </html>
    这种?
      

  5.   

    改造一下jquery lazyload 就OK了
      

  6.   

    楼主要的效果必然由动态读取数据库生成数组,由JS形成HTML再追加到页面内容尾部;静态页面的话,已经把html全都输出了,应该不好再实现你要的效果了,lazyload 不是这么用的。