Доброго времени суток.
Задача состоит в том, чтобы при смене слайда активному слайду применялась анимация появления текста. После того как слайд смениться и появится новый активный слайд, на нем также должна отработать та же анимация.
Как я пытался сделать:
Повесить на событие swiper'а slideChange/transitionStart срабатываение анимации, но увы, такой подход не подошел, так как после того как анимация отработает, она перестает повторяться.
Для анимации текста использовал Textillate.js , нашел нужный класс и повесил на него анимацию:
mySwiper.on('slideChange', function() {
$(function () {
$('.tlt').textillate({
in: {
effect: 'fadeInUp'
},
loop: false,
});
});
});
Результат хочу получить примерно как на
данном примере слайдера