ImageRotator

0
273
Görüntülenme

image rotator

Bu aralar Soh Tanaka eserleri elimde olduğu için sürekli sizinler paylaşma ihtiyacı duyuyorum. Eminim ki bir zamanlar çok kişi tarafından defalarca denk gelinmesine rağmen sohtanaka.com kapandığından beri artık ulaşamıyorlardır. Benim gözümde bir zamanlar Tympanus sitesi gibi popüler örnekler hazırlayan nadir sitelerden bir tanesiydi. Ne yazık ki elimde yaklaşık 10 tane kadar eseri daha bulunuyor. Google’de yaptığım her aramada tympanus sitesi ile karşılaşırken bir kaç sene önce sürekli Soh Tanaka’nın eserleri ile karşılaşırdım. Fazla sözü uzatmadan örneğe bir göz atalım.

Image Rotator adlı slayt örneği bahsettiğim gibi soh tanaka tarafından hazırlanmış kullanışlı bir slayt galeri örneğidir. Örnekte 4 basamaklı her bir tanesi 790 px olarak ayarlanmış birbirine benzeyen 4 farklı resim bulunuyor. Slayt örneğinde maksimum 8 basamaklı olarak resimler yayınlayabilirsiniz.  8. basamaktan sonra gireceğiniz rakamlar kırmızı şeridi taşıyor. Daha fazla resim kullanabilmeniz için css kodları içinde .paging elemanını bulup width: 178px kısmını kendinize göre düzenlemeniz gerekiyor.Tabi bunu yaptıktan sonra kırmızı şeridin de boyunu belirlediğiniz ölçüye göre düzenlemeniz gerekiyor. Slaytlar mouse yardımıyla gerçekleştiği gibi otomatikte olabiliyor.  Dokunmadığınız zaman her 7000 milisaniyede resimler değişiyor. Bu zamanıda kendinize göre ayarlayabilirsiniz.

 

Kullanım

  • Head etiketleri arasına eklenmesi gereken bölümler.

Js dosya adresi :

JavaScript : 

 Css : 

  • Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

 

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.