imgBox

0
383
Görüntülenme

imgBox

Web sayfalarının geç açılmalarını engelleyen en önemli etkenlerden bir tanesi de bildiğiniz gibi sayfaya yüklenmiş olan resimlerdir. Özellikle fotoğraf  paylaşımı yapan sitelerin yüklenme süresi çok geç olur ve çoğu zaman da hosting planları yetersiz kalır. Bu gibi sorunları çözmek amacıyla geliştirilmiş olan lazyload ve lightbox tarzı bir sürü uygulama var. Bazıları bütün resimlerin aynı anda yüklenmesini engellerken bazıları da küçük veriyonunun yüklenmesini ve tıklandığında ajax ile yükleyerek büyük olanının açılmasını sağlarlar.

imgBox uygulaması da hem site açılış hızını arttırmak hem de tıklandığında aynı sayfa içinde ajax ile yüklenen resimleri eklemek için hazırlanmış bir çalışma.  Nasıl olsa ziyaretçiler bütün site içeriklerini teker teker incelemiyor. Sadece ilgisini çeken içerikleri incelerler genelde. Boşu boşuna hosting planını tüketmemek amacıyla imgBox uygulamasını kullanabilirsiniz. Fotoğrafları yüklerken ana ekranda  görünmesi için küçük olanlarını eklemeniz gerek. Ziyaretçiler tıkladığında ajax ile daha büyük olan versiyonunun açılması içinde ayrıca büyük olanını eklemeniz gerekiyor.

Kullanım

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

Js ve stil dosyaları :

Stil  : 

JavaScript :

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

Html : 

 

CEVAP VER

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