PhotoSwipe

0
141
views

PhotoSwipe

Teknoloji  ilerledikçe web site sahiplerinin de ihtiyaçları bir o kadar artmaya başlar. Google’nin Android işletim sistemini çıkardıktan sonra akıllı telefonlar üzerinden web site ziyaretleri daha da artmaya başladı. Mobil cihazlarla uyumlu olmayan web siteleri ziyaretçilere faydalı olmaktan çok sıkıntıya sebep olurlar.  Küçücük ekranda büyüt, küçült daha sonra uygun birşeyi gördükten sonra tıkladığınızda çalışmaması gibi  durumlar birçoğumuzun başına gelmiştir. Bu yüzden her web sitesinin bir de mobil versiyonu olması hem sizin için hem de ziyaretçileriniz için oldukça faydalı olacaktır.

Henüz mobil cihazlar için her türlü web uygulaması olmasa da yeteri kadar paylaşılmış olan ücretsiz  örnekler mevcut. jQuery PhotoSwipe eklentisi de bu örneklerden bir tanesidir. Hem  mobil cihzlarda hemde bilgisayarlarda sorunsuz çalışabilmektedir. Demo sayfasında resimleri isterseniz mouse ile de sürükleyerek değiştirebilirsiniz.  Dokunmatik cihazlarda parmakla tutup sürükleme işlemini mouse de yapabiliyor.  Ayrıca tıklamış olduğunuz resimler de tam ekran olarak görüntüleniyor. PhotoSwipe’nin en iyi özelliği bütün resimlerin aynı anda yüklenmemesi. Bir sonraki resme geçtiğiniz zaman ajax yolu ile resim yüklenerek  açılır. Bu da resim galerisinin oldukça hızlı açılmasını sağlar.

Resimler arası geçiş işlemi için kullanabileceğiniz özellikler :

  1. Dokunarak
  2. Mouse tekerleğini döndürerek
  3. Mouse ile sürükleyerek
  4. Klavye yön tuşlarını

Kullanım :

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

Js dosya adresleri : 

Çağırma :

Mouse tekerleği ile resim değiştirme kodu :

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

Html :

Geri kalan bütün yapılandırma  seçeneklerini buradan inceleyebilirsiniz.

Desteklenen Cihazlar :  iPhone, iPad, Android, Blackberry 6 ve bütün masaüstü cihazlar ile uyumludur.

 

1 oy (No Ratings Yet)
Loading...
Önceki İçerik3B görünümlü iletişim butonları
Sonraki İçerikLavalamp benzeri bir tasarım
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