Chrome reklamındaki koşan at – Jzoopraxiscope

0
339
Görüntülenme

Bir aralar Google Chrome reklamlarına oldukça sık rastlardık web siteleri üzerinden. Chrome’nin ne kadar hızlı olduğunu anlatmaya çalışan bir animayonlu reklamdı. Hatırlarsınız belki film şeridi gibi hareket eden ve gittikçe hızlandığında koşan at görüntüsünü alan bir örnekti.  Serge G. Spaolonzi buna benzer çalışmalar yapmak isteyenler için ufak bir jQuery uygulaması geliştirdi. Jzoopraxiscope bu  eklenti sayesinde sprite animasyonu ile ard arda hareket eden resimler hazırlamanızı sağlıyor. Sprite tekniği tek bir resimde birleştirilmiş bölümleri Css ile teker teker çekmeye yarayan bir tekniktir.

Jzoopraxiscope kullanılarak aynı çerçeve içinde resmin bölümlerini parça parça tekrar ettiği zaman ortaya  film sahnesi gibi gif şeklinde bir görüntü çıkıyor. Şuanda kendi web sitemde kullandığım banner de aynı özellikte fakat farklı bir framework ile hazırlanmış. Kedi resmine bakarsanız gözü kırmızı renginde yanıp sönüyor. Bendeki banner otomatik hareket ediyorken Jzoopraxiscope ile yapılmış örnekler play ve pause ikonları ile hareket ettirilip durduruluyor.

Kullanım

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

Js dosya adresleri :

JavaScript :

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

Html  :

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikDdscrollspy
Sonraki İçerikTextillate.js
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

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