blog.cansurmeli.com

Diyelim ki bir siteniz var ve sitenize bir resim galerisi eklemek istiyorsunuz.Eskiden olsa küçük resime tıklanınca büyüğü açılırdı.Hatta halen bu şekilde çalışan siteler var.Ama Web 2.0 ile artık sitelerimize resim galerileri ekleyebiliyoruz.Sitenize uygun bir galeri ile gerçekten de güzel bir görünüm çıkartabilirsiniz.

Web de bir sürü galeri bulunmakta ama bunlardan bazıları her siteye uymuyor.Örneğin sitenizde galeriyi koyacağınız yer kısıtlı ise geniş galeriler size sorun yaşatacaktır.Web de hem görsel açıdan güzel hem de size yer sıkıntısı yaratmayacak galerilerden biri olan Lightbox ile sitenizden resimlerinizi paylaşabilirsiniz.Lightbox’ı resimlerinize uygulayınca resim’in küçük haline tıkladığınız zaman resim’in büyük hali sayfanın ortasında arkaplan kararmış sadece resmin büyük hali ortada olmak üzere beliriyor.Ve gerekli ayarlamalar ile de resim büyük iken resimden çıkmadan diğer resimlere gidebiliyorsunuz.

Kurulum

Lightbox’ın kurulumu son derece kolaydır.Sadece bir kaç dosya kopyalamaktan ve bir kaç kod satırından ibarettir.İlk olarak buradan Lightbox’ın dosyalarını indirin.Dosyaları çıkartın(extract) ve sitenizi barındırdığınız yere koyun.Daha sonra sitenizin kod kısmında arasına şu satırları ekleyin.

Şimdi sayfanıza bir resim ekleyin ve resime rel=”lightbox” kodunu ekleyin.Örneğin:

image #1

Eğer bir gruptan oluşan bir galeri yapmak istiyorsanız resimlerinize rel=”lightbox[roadtrip]“ kodunu ekleyin.Örneğin:

image #1
image #2
image #3

Grup yaparken ekleyeceğiniz resimler için sınır yok.İstediğiniz kadar resmi grubun içine ekleyebilirsiniz.

Lightbox ve Wordpress

Eğer siteniz son zamanların popüler günlük(blog) sistemi olan Wordpress üzerinde çalışıyorsa Lightbox’ın Wordpress eklentiside var.

İlk olarak buradan Lightbox’ın Wordpress eklentisini indirin.Daha sonra wp-content>plugins yolunu izleyerek eklenti dosyasını buraya kopyalayın.Şimdi Wordpress kontrol panelinize giderek “Plugins” sekmesine tıklayın.Buradan Lightbox eklentisini etkinleştirin.Ayarlamaların hepsi bu kadar.Bundan sonra sitenize resim eklerken resime rel=”lightbox” kodunu eklemeniz yeterli.Ve eğer koyacağınız resimleri grup yapmak istiyorsanız resimlerinize rel=”lightbox[roadtrip]“ kodunu ekleyin.

Lightbox’ın örneğini resim galerime giderek bulabilirsiniz.

Lightbox dışında dhtmlgoodies.com‘da da güzel galeri çeşitleri var.Veya Lightbox’ın başka bir türü olan TripTracker ile de resimlerinizi sergileyebilirsiniz.Lightbox’a benzeyen bu sistemin çalışma şekli aynen Lightbox gibi.Fakat siz resmi büyüttüğünüzde resmin altında resmi postalamak, resimler için slide gösterisi yapmak gibi ek özellikler bulunuyor.Yalnız TripTracker’ın ücretli bir sistem olduğunu da unutmayın.

Standar License - site başına $25

Ticari veya ticari olmayan ufak çaplı siteler için

Premium License - site başına $500

Yüksek trafikli siteler için

	Yazar: admin
	Zaman: Cumartesi, Nisan 21st, 2007 / 1:18
	Kategori: İnternet
	Etiketler:
	Yorum: Yap, İzle
	Sayfanın Tam Adresi: http://blog.cansurmeli.com/lightbox/trackback/
	Yazının Numarası: 177
	Bu yazı toplamda 166 kere okundu
	Bu yazı bugün 0 okundu
	Yazıyı değerlendir.
Bu yazıyı yazdır.