Destaque.js

2
361
Görüntülenme

destaque

Moda sitelerinde görmeye alışık olduğumuz daha doğrusu moda tarzı sitelerde başlıkları daha çekici yapmak için kullanılan slider örneklerine az çok bilirsiniz.  Genelde premium temalarda bu tarz örnekler ile karşılaşırız. Yani moda siteleirnin kullandığı slideshow örneklerinin pek ücretsiz olanları bulunmuyor. Sağolsunlar bazı geliştiricilerin ücretsiz olarak dağıttığı örnekler de bulunuyor Destaque gibi.

Daniel Martins  tarafından geliştirilmiş olan Destaque uygulamasının ilk başta neden açık seçik resimlerle tanıtıldığına pek anlam verememiştim aslında. Belki daha çabuk ve daha çok yayılması için bu tarz resimler kullanmıştır diye düşündüğüm de olmuştu. Sonradan moda tarzı sitelerde buna benzer slideshow örnekleri olduğunu hatırlayınca Destaque’nin asıl amacını anlamış oldum.

Bu tarz açık seçik resimleri paylaşmak pek tarzım değil hatta siteme eklediğim ilk açık seçik resim de diyebilirim. Ama moda konusu ile alakalı bir uygulama olunca ağaç resmi eklemek biraz mantıksız. Yine de resimlere fazla bakmamanız için sizleri  uyarıyorum. Bu yüzden demo ve download adreslerni bu yüzden biraz üste aldım :=)

Konu gittikçe başka yönlere sapmadan ben sizlere Destaque hakkında biraz daha bilgi vermek istiyorum. Destaque iki adet demodan oluşuyor. Bir tanesini sitenizin en üstüne manşet şeklinde yerleştirebilirsiniz. Ekranda tek bir resim görülüyor ve her slide işleminde önce resim sağdan sola doğru ekrana yerleşiyor ve hemen ardından play ikonu onun da ardından resmin başlığı geliyor. Resimlerin değişmesi sırasında her elemanın farklı hızlarda ekrana yerleşmesi bir hayli güzel bir çalışma olmuş.

İkinci demoyu daweb sitenizin orta kısımlarına yerleştirebilirsiniz. Aynı anda slideshow çerçevesi içinde 3 tane farklı resim ve başlık görünüyor. Resimlerin değişmesi  aynı anda gerçekleşmiyor. Her biri arasında milisaniyelik zaman farkı var. Başlık ve ikonlar da aynı şekilde.

Diğer  demonun  resmi 
destaque1
 Kullanım : 

  • Tekli slide

JavaScript : 

 Html : 

  •  Çoklu slideshow

JavaScript : 

 Html : 

 

1 Star2 Stars3 Stars4 Stars5 Stars (2 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikFraction
Sonraki İçerikYuvarlak köşeli div
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

2 YORUMLAR

CEVAP VER

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