JS ile butonlu slayt yapma

tasarimci

Hectopat
Katılım
31 Ekim 2020
Mesajlar
493
Bir site tasarlayabilecek düzeyde HTML ve CSS biliyorum fakat sitemi daha hareketli ve çekici hale getirmek istiyorum bu yüzden 3-4 gündür JavaScript öğrenmeye başladım. Günde en az 5-6 saatimi ayırıyorum. Fakat pek karışık gözüktü gözüme .

JavaScript'i öğrenmek istememin sebebi daha hareketli siteler yapmak fakat öncelikle butonlu slayt yapmayı ve örneğin sitede aşağı indikçe yanlardan animasyon gibi içeriklerin aşağı indikçe gelmesini istiyorum. Bu konu hakkında bilgisi olan varsa ve bana yardımcı olmak isterse çok mutlu olurum. Konuyu anlatmasa da olur kısaca anlatırsanız ben bir şekilde bulurum nasıl yapılacağını. Aslında ben bir slayt yaptım fakat buton işini bir türlü çözemedim.

Şimdiden teşekkürler
 
Son düzenleyen: Moderatör:
Kendin yapmak yerine Swiper eklentisine bak. Efekt seçenekleri de geniş ama öğrenmek istiyorum dersen de yardımcı olabilirim ama bence gerek yok. Bunun yerine kendini geliştirmeye bak.


Aşağı indikçe gelen elementler için "onscroll" eventini ve "scrollTop" olayını çözmen lazım. Bunlarda JQuery kütüphanesinde yer alıyor.
 

Kendim yapacağım çünkü bu konuya merak saldım bir kere kendim yapabilmeliyim.
 
O zaman koyduğun butonun "onclick" eventinde slide divinin kayma efektini yazacaksın. CSS'teki "position: absolute" ve "left" özellikleri ile çerçeve divinin içinde kaydırcaksın. Çerçeve divi de "overflow: hidden" olmalı.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…