v2.5.2
Giriş yap

Swiper.js slideNext

egemennk1
766 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.

tayfunerbilen
1354 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>