Fresco.js

0
195
views

Fresco

Bu  güne kadar birçok lightbox  örneği paylaştık sizlere.  Birçoğu  birbirine  benzeyen, bazılarında fazladan fazla  özellikler  olan örnekler  gördük. Bu  seferki  lightbox  örneği  şimdiye  kadar gördüklerimin en iyisi  diyebilirim. Hem lightbox  görevi görüyor hem de slidergörevi görüyor.

Nick Stakenburg tarafından geliştirilmiş olan Fresco uygulamasını  birçok  alanda  kullanabilirsiniz. Fresco ile  eşleştirilmiş olan grup  resimlerden herhangi  birine  tıklandığında yükleme  konu  sayfanın ortasında beliriryor ve  yükleme tamamlandıktan sonra resim  ekranın ortasında  görünüyor ve  gruba bağlı  olan diğer  resimlerde büyük resmin hemen altında sıralanıyor. Dilerseniz grup resimlerinin görünmemesinide  sağlayabilirsiniz.

Youtube ve Vimeo  sitelerinden sadece video linkini  ekleyerek  sayfanızda  lightbox  penceresinde  açılmasını  sağlayabilirsiniz. Belirli parametreler ekleyerek videoların genişliğini ve yüksekliğinide  ayarlayabilirsiniz.

Fresco’daki  diğer bir  özellik sanırım buda e-ticaret  siteleri  için çok  uygun görünen bir  özellik diyebilirim.  Tıklayacağınız resim çok fazla büyük ise  ve eğer ekranı taşıyorsa mouseyi aşağı yukarı sürüklediğiniz  zaman reismde mouse ile beraber  aşağı  yukarı  hareket ediyor. Tam  e-ticaret siteleri için bir özellik.

 Kullanım

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

Js, css dosyaları,  youtube ve vimeo api :

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

Youtube için standart boyut :

Youtube özel boyut :

Vimeo için standart boyut :

Vimeo  özel boyut :

Ekleyeceğiniz  resimlerde  küçük  resimler istemiyorsanız  aşağıdaki seçiciyi kullanmanız gerekiyor :

Grup resimlerde küçük resmlerin görünmesi içinde  aşağıdaki kodu kullanın :

Fresco’nun en çok kullanılan özellikleri hakkında  temel  kullanım aşamalarını dilim döndüğünce sizlere  anlatmaya  çalıştım. Özellikleri bunlarla  sınırlı  değil  tabi. Geri  kalan aşamaları buradan inceleyebilirsiniz.

1 oy (No Ratings Yet)
Loading...
Önceki İçerikBasit bir giriş paneli
Sonraki İçerikSimpleModal – İletişim kutusu uygulaması
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