Как запустить коллбек карусели с задержкой?

Question

[Дмитрий Сергеевич]

Привет всем! Есть одна очень хорошая карусель. В ней есть система колбэков, которая не заводится в моих кривых руках. Поэтому я использую такую конструкция для подхвата событий слайдера.

$('#slider').on('changed.owl.carousel', function(){
    $(this).find(".owl-item.activer").addClass('animated bounceOutUp');
});

Суть в том что мне нужно проигрывать анимацию контента слайда перед его сменой (в старом слайде) и после того как следующий слайд приедет на место, проигрывать анимацию в нем (новом слайде).

Все хорошо, но только анимация ухода проигрывается очень быстро, поэтому смене слайда нужно сделать дилей. Я не понимаю куда его можно пихать, помогите пожалуйста!

$('#slider').on('changed.owl.carousel', function(){
    setTimeout(function(){
        $(this).find(".owl-item.activer").addClass('animated bounceOutUp');
    },600);
});

Такая конструкция не работает, (возможно потому что я инвалид).

Answer 1

[Пашенька]

Разницы нет: на коллбек вы повесите функцию или будете событие отслеживать.
Я бы не ставил сетТаймаут, т.к. это функция отложенного вызова - попробуйте быстро покрутить вашу карусель :)

Если уж ставите, то следите за событиями

$('#slider').on('initialized.owl.carousel translated.owl.carousel', function (e) {
//т.е. инициализация(для первого вызова) и полная смена слайда

//Edited
//Возможно вам нужно очищать классы
$('.owl-item').removeClass('animated bounceOutUp');

$('.owl-item.activer').addClass('animated с заданным animation-delay bounceOutUp');
}

А вобще я не особо понял в чём ваша проблема. Делэй можно задать в css для анимации

Comments

[Дмитрий Сергеевич]

Проблема не в анимации, а в том что слайд слишком быстро перелистывается, мне его надо затормозить. Нужно чтобы он подождал пока проиграется анимация ухода, а затем уже перелистнулся.

[Пашенька]

Дмитрий Сергеевич: т.е. не дать юзеру ручками перелистнуть слайд пока не закончится анимация? или всё же при авто перелистывании?

[Дмитрий Сергеевич]

like-a-boss: В идеале и то и другое =)

[Пашенька]

Дмитрий Сергеевич: Ну мне просто кажется не правильным не давать юзеру листать. Пусть себе листает, при этом анимация просто пропадает с текущего слайда(удаляются классы как я писал выше(можно это сделать красиво)) и начинается на новом слайде.
А для того чтобы, в авто режиме слайд не перелистывался преждевременно во время анимации, достаточно чтобы время показа слайда(autoplayTimeout) > продолжительность анимации + её делэй.