Arşiv sayfasından bütün yazılarıma ulaşabilirsiniz

LightBox JS ile web galerileri hazırlamak

LightBox JS Web Gallery GeneratorLightBox JS, resimlerin büyük hallerini görüntülemek için oldukça pratik ve şık bir javaScript uygulamasıdır. Nasıl çalıştığına bakarsak… Ziyaretçiler, web sayfanızdaki bir resmin küçük haline (thumbnail) tıklarlar. İşte tam bu esnada LightBox JS uygulaması devreye girer. Böylece resmin büyük hali yeni bir web sayfası açılmadan gösterilmiş olur.

LightBox JS nasıl kullanılıyor?

Web sitenizde LightBox JS uygulamasını kullanmak isterseniz, kendi web sitesi‘ne girip How to Use (nasıl kullanılır) başlığı altına bakabilirsiniz. Bu başlık altında yapılması gereken işlemler açıkça anlatılmıştır. Bu işlemleri Türkçe olarak anlatan bir yazıya ise Erhan YAKUT’un Işık Kutusu (Lightbox) Nedir? başlıklı yazısından ulaşabilirsiniz.

Bir LightBox JS örneği
Bir LightBox JS örneği

LightBox JS Web Gallery Generator

Aslında LightBox JS uygulamasının kurulumu son derece basit. Fakat iş bir web galerisi hazırlamaya gelince sizi birazcık uğraştırabiliyor. Oysa ki biz fazla uğraşmayalım diye LightBox JS Web Gallery Generator isminde bir program hazırlamışlar. Bu program ile web galerinizde yer alacak olan resimleri seçiyorsunuz ve birkaç küçük ayarı da yapıp Create web gallery (web galerisini oluştur) butonuna tıklıyorsunuz. Program herşeyi kendisi hallediyor. Böylece LightBox JS ile hazırlanmış güzel bir web galeriniz oluyor.

LightBox JS Web Gallery Generator programının bilgisayarınızda çalışabilmesi için önce .NET Framework kurulu olmalıdır. Eğer kuruluysa buraya tıklayarak hemen programı indirebilirsiniz. Bu program ile hazırlanmış örnek bir web galerisi görmek isterseniz de şuraya bakabilirsiniz. Galerideki resimlere tıklayın ve büyük hallerinin nasıl açıldığına dikkat edin. İşte LightBox JS denilen şey odur ;)

LightBox JS Web Gallery Generator
LightBox JS Web Gallery Generator programı
EkleBunu Sosyal Paylaşım Butonu

8 yorum var

  1. Lightbox’ı uzun zamandır kullanıyordum, bunu galerilere entegre etmek için bir program çıktığını duyunca çok sevindim. Teşekkürler…

  2. Güzel bir çalışma olmuş. Ben tek tek elle gireceğime o kadar resmi programla daha basit olur.

    ellerine sağlık

  3. çok işe yarar bir uygulama. teşekkürler.

  4. Örneklerini bir kaç sitede görmüş hayran kalmıştım gerçekten çok işe yarar bir script teşekkürler….

  5. ok biz de üsteki mesajlara katılıyoruz tebrik ederiz çok yararlı bir script teşekkürler

  6. siten gerçekten çok güzel ben de kendimi yeni geliştiren biri olarak firmamıza ait olan yeni açacağım sitede inşallah uygulayacağım.

  7. Peki resmin altında resim ile ilgili yazıyı nasıl yazıyoruz?

  8. yine güzel faydalı bir yazı. program da güzel, bilgilendirme için teşekkürler erhan bey

İçinizde kalmasın, siz de yorum yazın.