jquery.lazyload.js到底怎么用 ！为什么我的没效果啊

jquery.lazyload

解决方案 »

  1.   

    jquery 有很多lazyload插件，不知道你指的是哪个？加data-src试试。
    <img src="6625.jpg" data-src="6625.jpg" width="400" height="600"/>
      

  2.   

    <img src="6625.jpg" width="400" height="600"/>你都直接加了 src了， 肯定没效果啊，做个假的src 很小的图片， 真正的路径一般是 data-src 或者 data-url 得看插件怎么写的。
      

  3.   


    <img width="207" height="142" data-original="/1.jpg" src="/images/common/bg-dashed.png">data-original: 是真实的图片路径，
    src: 是一个半透明灰图片。<script type="text/javascript">
        $(function(){
            $("img").lazyload();
        });
    </script>
      

  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" xml:lang="zh-cn">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>jquery.lazyload</title>
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script> 
    <script src="js/jquery.lazyload.js" type="text/javascript"></script> 
    <script type="text/javascript">
    $(function(){
            $("img").lazyload();
        });</script> 
    </head>
    <img src="js/grey.gif" data-original="6625.jpg"  width="400" heigh="600">
    <img src="js/grey.gif" data-original="6625.jpg"  width="400" heigh="600">
    <img src="js/grey.gif" data-original="6625.jpg"  width="400" heigh="600">
    <img src="js/grey.gif" data-original="6625.jpg"  width="400" heigh="600">
    <img src="js/grey.gif" data-original="6625.jpg"  width="400" heigh="600">
    还是没效果啊，是不是插件有问题啊，我也试了两个插件了，都没效果，急死人啊 ！
      

  5.   

    我试了，还是没效果，加了个effect : "fadeIn" 显示效果到是有了。
      

  6.   

    内容必须保证在屏幕的下方滚动才会触发延时加载，第一屏全是图片那都加载了，还延时啥呀。
    而且测试的时候不要放大图片，放小的，效果更明显，然后在测试。
    测试的时候图片最好不要放本地的，本地的没有请求发起，要吗放远程的，要吗放tomcat,或apche web容器里。
    然后在firebug网络面板打开的情况下，观察图片请求是否有变化。$('img').lazyload({
        effect: 'fadeIn'
    }); 
      

  7.   

    可为什么出来的是<img src="js/grey.gif" data-original="6625.jpg"  width="400" heigh="600">   src你面的图片？
      

  8.   

    <script type="text/javascript">
    $(document).ready(function () {
             $("img").lazyload();
     });
    </script>