v2.5.2
Giriş yap

Swiper.js slideNext

egemennk1
1,000 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
1837 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>