Responsive butonlu slayta nasıl otomatik geçiş yapılır?

OwlCarousel kullanarak yaparsan daha kolay olur. Verdiğim linkten araştırıp, demoları kontrol ederek kendine uygun bir şekilde biçimlendirebilirsin.

Otomatik geçiş için alttaki linki kontrol edebilirsin.

"setInterval" methodu ile belirli bir aralıkta "slide" değiştirme fonksiyonlarını çalıştırabilirsin.

dgknbzglu dedi:

Demos | Owl Carousel | 2.3.4

A list of Owl Carousel examples.

owlcarousel2.github.io

Owlcarousel kullanarak yaparsan daha kolay olur. Verdiğim linkten araştırıp, demoları kontrol ederek kendine uygun bir şekilde biçimlendirebilirsin.

Otomatik geçiş için alttaki linki kontrol edebilirsin.

Autoplay Demo | Owl Carousel | 2.3.4

Autoplay usage demo

owlcarousel2.github.io

Genişletmek için tıkla...

Tamamdır otomatik kaydırmayı anladım sanırım fakat şimdi aşağıda verdiğiniz linkte aralarında boşluk olan 4 tane resim butonla beraber otomatik olarak kayıyor. Sanırım buton ve otomatik kaydırma kodlarını yazabilirim. Bu küçük resimleri float left kodunu yazarak yan yana getirdim ve resimlere 20% genişlik 300 px yükseklik verdim ve en dıştaki Div'e de margin: 100PX 100PX; kodunu girip sayfanı kenarlarından uzaklaştırdım. Fakat bu resimlerden aralarında 5 PX boşluk alarak (5px padding kodunu da yazdım) sadece 4 tanesi yan yana diziliyor geri kalanlar altında yan yana diziliyor ben bu geri kalanların gözükmesini istemiyorum sadece butona tıkladığımda yana doğru kaysın istiyorum buton kodları hazır üstteki slaytı yazdığım için sadece class isimleri vs değişecek. Şimdi çok uzun yazdım kısaca özetlemek gerekirse ben sadece 4 fotoğrafın gözükmesini ve butona tıkladığımda sizin attığınız linkteki gibi gözükmesini istiyorum
şimdiden yardımlarınız için teşekkürler