lazyload jquery基于div的不同淡入淡出

Question

Lazyload允许您在滚动时淡入淡出图像。

我想知道是否有任何简单的方法来区分基于div滚动的淡入淡出？

即前五个div没有淡化，然后有一个淡入淡出？

是否有可能设置淡入淡出相互独立的一个div？

Answer 1

您将不同的类给予div容器。此外，你可以选择不同的动画，并影响速度。这里有两个例子为4秒的幻灯片下来，在1秒褪色。

$(document).ready(function(){ 
     $("img.lazySlideDown").lazyload({ 
      effect : "slideDown", 
      effectspeed: 4000, 
     }); 

     $("img.lazyFadeIn").lazyload({ 
      effect : "fadeIn", 
      effectspeed: 1000, 
     }); 
    }); 

只需设置类和数据原始属性，它应该工作。

<img class="lazyFadeIn" data-original="img/viper_1.jpg" width="765" height="574"> 

至于我在代码中看到的，此选项和failurelimit选项是您此刻可以设置的唯一选项。因此，文档看起来已经过时了，因为它也提供了不同事件触发的选项。

注意：尽管文档中提到“您可以使用任何您想要的效果”，但并非所有效果都可以在我的测试中使用。