ImageRotator

0
186
views

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 : 

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerikOk işareti dönen akordeon yapılışı
Sonraki İçerikBirbirinden güzel butonlar

1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?

Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here