jQuery Lightbox - Hiệu ứng phóng to ảnh trên web.

Đây là một plugin của jQuery, tạo hiệu ứng xem ảnh phóng to khi click vào thumnail của ảnh trên web.
Hiệu ứng đẹp, giúp cho trang web của bạn trở nên thú vị hơn.


Cách sử dụng rất đơn giản:
1. Nhúng jQuery và Lightbox script vào trang web của bạn:

Code:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="lightbox.js"></script> 

Vì lightbox là một plugin của jQuery, nên bạn phải có jQuery mới dùng được lightbox.

2. Nhúng css của lightbox vào trang web (bạn có thể custom lại css này theo ý mình cho đẹp hơn)

Code:

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 

3. Kiểm tra đường dẫn các hình ảnh trong file css xem có chính xác chưa: prevlabel.gif, loading.gif, closelabel.gif...

4. Thêm thuộc tính class="lightbox" vào bất kì thẻ link nào đề kích hoạt lightbox.

Code:

image #1 

5. Nếu bạn có một tập những hình ảnh có liên quan với nhau, và bạn muốn chúng thành một group, thì bạn cũng làm như bước 4, rồi thêm thẻ rel với giá trị là tên của group, group không giới hạn số lượng ảnh, ví dụ:

Code:

image #1
image #2
image #3 

Download:
.http://www.mediafire.com/?lnmygmqwvli
.http://www.mediafire.com/?5vk0ymdmvig