Saya mencoba membuat slide dengan Swiper.js dan saya mencoba membuat beberapa animasi ketika saya mengklik tombol navigasi. Jadi ketika saya mengklik tombol navigasi, beberapa animasi berlaku untuk slide saat ini dan setelah animasi selesai, saya ingin pindah ke slide berikutnya atau sebelumnya. Saya telah mencari Swiper API tetapi saya tidak dapat menemukan jawabannya di sana dan Karena slide harus bergerak secara vertikal, tampaknya semakin sulit untuk menerapkan ini. Apakah ada cara untuk membuat Slider Slide berfungsi seperti ini? Banyak terima kasih sebelumnya.

0
James David Deann 27 Oktober 2019, 06:34

1 menjawab

Jawaban Terbaik

Untuk memindahkan penggeser secara vertikal, Anda dapat menentukan direction: "vertical" dalam opsi penggesek 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',
    },
  })

Untuk membuat transisi khusus, tautan di bawah ini mungkin membantu.

https://medium.com/@arnost/creating-custom-slide-transitions-in-swiper-js-also-with-gsap-ac71f9badf53

1
Nithin Thampi 27 Oktober 2019, 08:53