Search
 
 

Display results as :
 


Rechercher Advanced Search

Latest topics
» NewBlueFx TotalFX Windows-FL | 1.11 GB
Tue Dec 17, 2013 12:42 pm by titquarra

» NewBlueFx TotalFX Windows-FL | 1.11 GB
Tue Dec 17, 2013 12:42 pm by titquarra

» Celebrity.Sex.Tape.UNCUT.&.UNRATED.2012.720p.BRrip.x264.YIFY.mp4
Tue Dec 17, 2013 8:32 am by titquarra

» Maya Autodesk Personal Learning Edition 8.5
Tue Dec 17, 2013 7:47 am by titquarra

» Tuyệt Kỹ Đong Giai Chân Kinh (tuyệt Kỹ cua trai)
Thu Aug 23, 2012 5:38 am by Admin

» Tuyệt kỹ cua giai
Thu Aug 23, 2012 5:36 am by Admin

» NETCAT.........
Mon Aug 13, 2012 6:35 am by Admin

» Bảo mật CSDL bằng phương pháp mã hóa.
Tue Apr 17, 2012 10:04 pm by Admin

» Hàm mã hóa MD5 bằng JavaScript
Tue Apr 17, 2012 10:03 pm by Admin

Shopmotion


Affiliates
free forum


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

View previous topic View next topic Go down

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

Post  Admin on Thu Jun 09, 2011 3:20 am

Đâ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

Admin
Admin

Tổng số bài gửi : 782
Join date : 2009-08-15

View user profile http://hackis.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum