Есть ли способ заставить слайдер Swiper двигаться с задержкой по вертикали?

Question 1

Я пытаюсь сделать слайд с помощью Swiper.js и пытаюсь добавить анимацию, когда нажимаю кнопку навигации. Поэтому, когда я нажимаю кнопку навигации, к текущему слайду применяется некоторая анимация, и после ее завершения я хочу перейти к следующему или предыдущему слайду. Я посмотрел Swiper API, но не смог найти там ответа, и поскольку слайд должен двигаться вертикально, кажется, что это все труднее реализовать. Есть ли способы заставить Swiper Slide работать так? Спасибо заранее.

javascript animation slide swiper

0

James David Deann

Answer

Чтобы переместить ползунок по вертикали, вы можете указать direction: "vertical" в настройках swiper init .

var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    direction: 'vertical',
    loop: true,

    // If we need pagination
    pagination: {
      el: '.swiper-pagination',
    },

    // Navigation arrows
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    // And if we need scrollbar
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })

Для создания пользовательских переходов может помочь ссылка ниже.

Question 2

Чтобы переместить ползунок по вертикали, вы можете указать direction: "vertical" в настройках swiper init .

var mySwiper = new Swiper ('.swiper-container', {
    // Optional parameters
    direction: 'vertical',
    loop: true,

    // If we need pagination
    pagination: {
      el: '.swiper-pagination',
    },

    // Navigation arrows
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },

    // And if we need scrollbar
    scrollbar: {
      el: '.swiper-scrollbar',
    },
  })

Для создания пользовательских переходов может помочь ссылка ниже.

Есть ли способ заставить слайдер Swiper двигаться с задержкой по вертикали?

1 ответ

Новые вопросы

javascript