Можно ли добавить на bxslider animate.css?

Question

[Денис]

Подскажите, а как можно добавить animate.css на элементы в слайде, причем чтоб анимация срабатывала каждый раз при показе слайда?

Answer 1

[Денис]

Нашел решение, если кому пригодится

$(".bxslider").bxSlider({
    startSlide: 0,
    onSliderLoad: function () {
        $(".title").addClass("animated bounceInRight");
        $(".text").addClass("animated bounceInRight");
    },
    onSlideAfter: function(){
        $(".title").addClass("animated bounceInRight");
        $(".text").addClass("animated bounceInRight");
    },
    onSlideBefore: function(){
        $(".title").removeClass("animated bounceInRight");
        $(".text").removeClass("animated bounceInRight");
    },    
});

Answer 2

[rakro]

Для решения данной задачи есть два пути. Так как animate.css работает с помощью добавления классов, вам нужен плагин для слайдера ( если вы его используете), который позволят отлавливать события: когда слайд стал активным (чтобы добавлять класс animate) и когда слайд перестал быть активным (чтобы удалять эти классы для срабатывания анимации второй раз). Это был первый вариант. Второй вариант написать такой плагин самому.