mehmetduran.com - Paylaşmak Güzeldir...
Lightbox Fotoğraf Slaytı
İnternette bir çok site de görmüşüzdür. Fotoğraf slaytı yapımında bu sistem kullanılıyor. Bu sistemi ise Lokesh Dhakar isimli kişi geliştirmiş. Bunu yaparken javascript ve css kullanmış. Fotoğraf slaytı hazırlamak için gayet güzel bir uygulama. Bunun örneğini kendi sitemde galerim bölümünde görebilirsiniz. Ayrıca bu uygulamayı kullanan birçok site var.

Peki bu uygulamayı nasıl kullanacağız?

Öncelikle bu uygulamanın dosyalarını head tagı arasında bildirmemiz gerekir.

lightbox_ile_fotograf_galerisi_head_tagi_kodları

Daha sonra da bu uygulama ile açılmasını istediğimiz fotoğraflara bunu belirtmeliyiz.

lightbox_ile_fotograf_galerisi_html_kod

Bu kodlarda rel ifadesi ile fotoğrafın bu uygulama ile açılacağını belirlemiş oluyoruz. Eğer tüm fotoğrafların rel ifadeleri aynı ise tüm fotoğraflar aynı slaytta açılır. Eğer fotoğrafları gruplandırmak istiyorsak; fotoğrafların rel ifadelerini değiştirmemiz gerekir. Mesela; bir grup fotoğraf için rel="lightbox[1]", diğer fotoğraf grubu için ise rel="lightbox[2]" değerini vermeliyiz. Kendi sitemde böyle kullanmıştım.

Slayttan örnek bir görüntü:

lightbox_ile_fotograf_galerisi

Uygulamanın tüm dosyalarına buradan ulaşabilirsiniz.
İyi Çalışmalar!
Mehmet Duran 05 Ağustos Salı 2008 1 12478 5,0
Bookmark and Share
Bu Yazıyı Değerlendirin.
Konuyla İlgili Olabilecek Diğer Yazılar Jquery ile Tooltip Uygulaması Javascript ile Menü Effect Ascii Generator dotNET The Ultimate Css (E-Book) Asp.net ile Resim Üzerine Yazı Yazma
Yorumlar
Yorum Yaz
RSS Yorum Takibi
sadık 06 Ocak Çarşamba 2010 11:42 #1
kardeş çok açıklayıcı olmuş saol
İsim :
Site :
Yorum :

Buradan bu yazıya ait yorumları RSS olarak takip edebilirsiniz.

Bu servis ile yazılara eklenen yorumları RSS ile takip ederek konu ile ilgili başkaları tarafından yapılan yorumları veya konuyla ilgili sorduğunuz sorulara verilen cevapları görebilirsiniz.
Gençken bilgi ağacını dikmesek, yaşlandığımız zaman gölgesine sığınacak bir yerimiz olmayacaktır.
Bölümler
Yazılar
Arşiv
Arama
Linkler
Site İçi Arama
Son Zamanlarda Ne Yapıyorum ?
İstatistikler - Araçlar - Reklam
İstatistikler
Sayaç
Mehmet Duran | mehmetduran.com | Copyright © 2009