lazyload jquery different fadein на основе div

Question

Lazyload позволяет вам исчезать изображения по мере прокрутки.

Мне интересно, есть ли какой-либо простой способ отличить fadein от того, на что прокручивается div?

т. Е. Есть первые пять divs без fadein, то есть один с fadein?

Можно ли установить fadein взаимозависимо от 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 только варианты, которые можно установить в данный момент. Поэтому документация кажется устаревшей, поскольку она также дает возможность запускать различные события.

Примечание: Несмотря на то, что в документации указано, что «вы можете использовать любой эффект, который вы хотите», не все из них работали в моих тестах.