@MonarchInc

Как применить анимацию для активного слайда в Swiper.js с помощью Textillate.js?

Доброго времени суток.

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

Как я пытался сделать:
Повесить на событие swiper'а slideChange/transitionStart срабатываение анимации, но увы, такой подход не подошел, так как после того как анимация отработает, она перестает повторяться.

Для анимации текста использовал Textillate.js , нашел нужный класс и повесил на него анимацию:
mySwiper.on('slideChange', function() { 
    $(function () {
      $('.tlt').textillate({
        in: {
          effect: 'fadeInUp'
        },
        loop: false,
      });
    });
});


Результат хочу получить примерно как на данном примере слайдера
  • Вопрос задан
  • 268 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы