lazyload会自动计算出现在屏幕中的图片,将图片加载进来,不用你写其他代码干预

解决方案 »

  1.   


    不行啊,     
           <li class="filter" data-filter="focu"><p>支持幻灯片</p><i></i></li>
           <li class="filter" data-filter="bg"><p>支持自定义背景</p><i></i></li>
    <div class='img'>
      <img src='' class='focu'>
      <img src='' class='bg focu'>
      <img src='' class=''>
      <img src='' class=' bg  '>
    .....
      <img src='' class=''>
    </div>单击上面的li标签, 显示 对应的 img 图片,其他隐藏, 这样不行了,  需要滚动才可以显示, 如果图片不够滚动条出来那就没办法了
      

  2.   

    不知道你用的是谁写的lazyload,一般会给window绑定了scroll事件,重新触发下事件
        $('li').on('click', function (e) {
           $(window).trigger('scroll');//触发下绑定窗口的滚动事件重新计算
        });
      

  3.   


    谢谢, 我用 这个成功了
    $('.lazy').trigger('appear');