v2.5.2
Giriş yap

Swiper.js slideNext

egemennk1
709 defa görüntülendi

Merhaba swiper.js ile bir form hazırladım butona tıklandığında farklı bir adıma geçmesine istiyorum ama nedense slideNext kodunu çalıştıramadım.

Cevap yaz
Cevaplar (1)
tayfunerbilen
1150 gün önce

kodlarını yazsaydın daha doğru yönlendirme yapabilirdik :) aşağıda çalışan bir kod var alıp kendine göre uyarlayabilirsin

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

<div class="my-slider">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">Slide 1</div>
            <div class="swiper-slide">Slide 2</div>
            <div class="swiper-slide">Slide 3</div>
        </div>
    </div>
    <button class="prev-btn">Önceki</button>
    <button class="next-btn">İleri</button>
</div>

<script>
    var swiper = new Swiper('.my-slider .swiper-container', {
      navigation: {
        nextEl: '.my-slider .next-btn',
        prevEl: '.my-slider .prev-btn',
      }
    });
</script>