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

T

tasarimci

Hectopat
Katılım
31 Ekim 2020
Mesajlar
493
Öncelikle herkese merhaba.
Butonlu bir slayt yaptım ve responsive olarak düzenledim yani farklı ekran boyutlarında sorunsuz şekilde açılıyor fakat nasıl otomatik geçiş ekleyeceğimi bilmiyorum.
Şimdi fotoğraflar 1349 PX boyutunda atıyorum 10 saniyede 1349 PX kay denilebilir fakat bu farklı boyuttaki ekranlarda sorun çıkarır diye düşünüyorum.
Nasıl otomatik geçiş ekleyebilirim?
 
Tarihe göre sırala Puana göre sırala

Demos | Owl Carousel | 2.3.4

A list of Owl Carousel examples.
owlcarousel2.github.io 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 owlcarousel2.github.io
 
Artı 0 Eksi
dgknbzglu dedi:

Demos | Owl Carousel | 2.3.4

A list of Owl Carousel examples.
owlcarousel2.github.io 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 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 :)
 
Artı 0 Eksi
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Benzer konular

7
Siteler responsive nasıl yapılır?
Mesaj
5
Görüntüleme
179
cuttty
cuttty
7
Site nasıl full responsive yapılır?
2
Mesaj
17
Görüntüleme
672
delikarga
delikarga
TeknoEmir
Framework olmadan nasıl responsive site yapılır?
Mesaj
3
Görüntüleme
443
Berkay Davas
Berkay Davas
2
Açılır menü kısmı responsive olarak nasıl yapılır?
Mesaj
3
Görüntüleme
1.326
Ecmel
Ecmel
gioyum
Site nasıl responsive geçirilir?
Mesaj
6
Görüntüleme
192
Myk61
Myk61

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı