Я пытаюсь добавить анимацию (используя animate.css) в какой -то текст на слайдере Slick.js. Анимации работают, но не без появления, а затем выступая анимацию. Вот сайт, над которым я работаю: http://dentiq.godigitaldev.com/
Вот мой код slick.js:
$(document).ready(function(){
$('.featured-wrap').slick({
infinite: true,
speed: 400,
autoplaySpeed: 6000,
autoplay: true,
fade: true,
slide: 'div',
cssEase: 'linear',
dots: true,
arrows: true,
pauseOnHover: false,
adaptiveHeight: true,
onBeforeChange: function() {
$('.slick-active > .display').addClass('animated fadeInDown');
$('.slick-active > .display').addClass('hidden');
},
onAfterChange: function() {
$('.slick-active > .display').removeClass('hidden');
$('.slick-active > .display').addClass('animated fadeInDown');
}
});
< /code>
.hidden Class просто: .hidden {display: none;} < /p>
Подробнее здесь: https://stackoverflow.com/questions/302 ... -js-slider
