Turk-php de bir arkadaşımızın isteği üzerine lightbox hakkında bir örnek yaptım. Aslına bakarasnız genel light box örneğini sadeleştirdim. Buradan da biraz örneği anlatmak, açıklamak istiyorum.

 
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="lightbox.css" media="screen" />
<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="lightbox.pack.js"></script>
 

Buradan gerekli dosyaları sitemize ekledik. main.css de ana sayfa düzeni bulunmakta. Sadece görünüm ile alakalı bişey olması yada olmaması lightbox un çalışmasına etkimeyecek.

 
    <script type="text/javascript">
	$(function() {
		$('#gallery a').lightBox({fixedNavigation:true});
	});
    </script>
 

Lightbox eklentimizi ekliyeceğimiz nesneyi seçtik. Ve olay bitti. Görüldüğü gibi jquery ve plugin olayları aslına bakılırsa o kadarda zor değil.

Çalışan örneğe buradan ulaşabilir ve örneği şuradan indirebilirsiniz.

Benzer Yazılar: