Lightbox nedir? Nasıl kullanılır?

Lightbox; web sayfalarındaki resimleri görüntülemek için kullanılan basit ve kullanışlı bir uygulamadır.


Aşağıdaki adresten örneklere bakabilirsiniz.

http://lokeshdhakar.com/projects/lightbox2/#example

Nereden indirebilirim ?

Buraya tıklayarak lightbox'ı indirebilirsiniz.

Nasıl kullanılır ?

İlk olarak html sayfamıza aşağıdaki kodları ekliyoruz.

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/lightbox.js"></script>

<link href="css/lightbox.css" rel="stylesheet" />

HTML sayfamızda linke rel="lightbox" özelliği veriyoruz.

Örnek :

<a href="images/image-1.jpg" rel="lightbox" title="my caption"><img src="images/image-1.jpg" width="100" height="100" /></a>

If You Enjoyed This, Take 5 Seconds To Share It

• 
• 
• 
• 
• 
•