Site içi arama

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

13 Şubat 2013 Çarşamba0 yorum



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>
 
Copyright © 2014. Bilgisayar Mühendisliği Öğrenci Blogu - All Rights Reserved
Proudly powered by Blogger