lazyload jquery基于div的不同fadein

Question

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

我想知道是否有任何简单的方法可以根据滚动到的div来区分fadein？

即前五个div没有fadein，然后有一个fadein？

是否可以相互依赖地设置fadein？

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是您此时可以设置的唯一选项。因此，文档似乎已经过时，因为它还提供了触发不同事件的选项。

注意：虽然文档说“你可以使用你想要的任何效果”，但并非所有这些都在我的测试中有效。