Lightbox seçimi

kategori: Webmaster
grknclk yazmış,

Lightbox; popup veya mesaj kutusu benzeri, sayfa içinde açılan kutulara denir. Bu kutular sayfadaki diğer öğelerin üzerine kapsayacak şekilde tüm sayfayı belli oranda saydamlık verilerek kaplayan kutulardır. Lightbox sayfalarımıza estetik görsellik kazandırır.

Lightbox örneği

Bir çok lightbox uygulaması mevcuttur. Ben bu lightbox uygulamalarından bazılarını denedim ve çeşitli sitelerde kullandım ve sonuçta birinde karar kıldım. Sırası ile denediğim genel lightbox kodları:

prototype ve scriptaculous tabanlı en meşhur Lokesh Dhakar’ın yaptığı Lightbox 2.0
Lightbox2.0′ın prototype.lite ve moo.fx. kullanılarak revize edilmiş daha küçük hali olan Litebox
Lightwindow, prototype alt yapısını kullanıyor, bir çok yerde kullanılması güzel(flash, iframe, komutla), boyutu yüksek olması dez avantajı, ayrıca değiştirmeye pek eleverişli değil.
Son olarak benim karar kıldığım mootools javascript kütüphanesi kullanılarak hazırlanan Slimbox

Diğer lightbox seçenekleri bana daha hantal ve üzerinden daha az oynama imkânı sağladığı için tercih etmedim. Slimbox’ın avantajları :

Küçük boyutlu mootools javascript kütüphanesini kullanması.
%100 doğrulanmış CSS kodu diğer lightboxlarda bu yok.
Javascript kodu yerine CSS kodu ile değiştirebilme imkânı
Diğer lightbox uygulamalarının aksine saydam png kullanmaması
Kolay değiştirilebilir olması

Benim gibi site kodlayan arkadaşların bu tip hazır javascript kodlarından beklentisi uygulamayı kendi sitemize adapte ederken bize sağladığı kolaylıktır. Slimbox bu hususta diğerlerine göre daha avantajlı ve kullanışlı.

slimbox.js scripti bize kolay değiştirme imkanı sağlar 11. ve 17 satırdaki kodlar

resizeDuration: Değişen genişlik ve yükseklik animasyonunun süresi, milisaniye cinsiden.
resizeTransition: Geçiş efektinin aktif olup olamayacağı
initialWidth: Kutunun başlangıçtaki genişlik değeri, piksel cinsiden.
initialHeight:Kutunun başlangıçtaki yükseklik değeri, piksel cinsiden.
animateCaption: Animasyon başlığı olsun mu olmasın mı?
displayCounter: Resim galerisindeki sıralamayı göstersin mi göstermesin mi?

Bunun haricinde eğer javascript konusunda mürekkep yalamışsanız bir çok değişikliği yapabilirsiniz slimbox.js içerisinde.

Sonuç olarak başta dediğim gibi şimdiye kadar uyguladıklarımdan en çok beğendiğin Slimbox olduğu için bunu sizlere öneriyorum nacak zaman ne gösterir onu bilemem. Ayrıca sizinde uygulayıp memnun kaldığınız lightbox uygulamaları varsa onlarıda yazmanızı bekliyorum. Tabi avantajları ile birlikte yazarsanız memnun olurum.

KAYNAK: http://www.fatihhayrioglu.com

Bu Yazıyı Paylaşın

« SMF nedir. Smf hakkında sık sorulanlar ve fazlası… | İşte Çin Malı Taklit Otomobiller FOTO Galeri »

Etiketler:

Yorumlar

Toplam 3 yorum var.

eda suner | 16 Ocak 2008, 06:17
Çok dendim de Gürkan’cım bu olayda imageları bir küçük bir büyük yükleme durumu yüzünden vazgeçtim çaresi varsa bana yazarmısın sevgiler
admin | 16 Ocak 2008, 13:15
Maalesef bu tür ligtbox uygulamalarının hepsinde muhakkak bi thumb özelliği var. Bende tam bir çaresini bulamadım.
admin | 16 Ocak 2008, 13:59
Eda abla ayrıca sanırım bunu blogunda kullanmak istiyorsun. Blogunda kullanmak için tavsiye edebileceğim uygulamalar ilgili yazıda mevcut. Eğer bloguna uygulamak istersen yardımcı olurum. Uygulama aşamasında Resimlerin önizleme hallerini vermen gerek ne yazıkki. Ama bilgin varmı bilemediğim için yazıyorum. Blogunda kullanmak istersen hangi resimlerde gözükeceğini kendin

image #3

belirleyebiliyorsun. Burada bulunan
rel="lightbox[roadtrip]“
tipi değerler lightbox uygulamalarına gore değişiyor fakat mantık aynı.

Umarım anlatabildim. Ama sanıyorumki zaten bu konuda bilgin var abla.

İyi çalışmalar. Eğer yardımcı olabileceğim bir konu olursa yardıma hazırım.

Son Eklenenler

Son Yorumlar

gül gölge nur: iiiirenç demeyeyim de hep aynı resimler yoksa güzel janlarım benim
deniz: Misuse of Facebook's features may result in your account being disabled. ben ark eklem isteyimde bu yazılar...
deniz: Misuse of Facebook's features may result in your account being disabled. bu ne allam geliyor ve ben arkdaş...
erhan akyıldız: mrb ltf bana yardım edin facebook hasebaım kapatıldı ama neden olduğunu bil miyurum biran...
erhan akyıldız: mrb neden benim hesabım kapatıldı uyarı geldi amaneden olduğukunusun da herhangi bilgim yok...