Cách sử dụng Lightbox Plugin của jquery
Thứ Sáu, 11 tháng 11, 2011
Nguồn: vnhow
1.Tải thư viện jquery tại địa chỉ: http://code.jquery.com/jquery-1.4.2.min.js
2. Tải lightbox plugin tại địa chỉ: http://github.com/balupton/jquery-lightbox/downloads
3. Giải nén, chép các thư mục css, js, images vào thư mục chứa các thư viện javascript của bạn, chẳng hạn js/jquery.lightbox. Bạn có thể Upload file js lên Google Code.
4. Chèn đoạn mã sau vào trong thẻ <head>
<script src="js/jquery.js"></script>
<script src="js/jquery.lightbox/js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.lightbox/css/jquery.lightbox.css" /> <script type="text/javascript"> $(document).ready(function(){
$('.lightbox').lightBox();
});
5. Chèn đoạn mã sau vào vị trí bạn muốn hiển thị hình thumbnail:
<a href="images/large.jpg" class="lightbox">
<img src="images/thumbnail.jpg">
</a>
Bài đăng
* Lưu ý :
- Vui lòng gõ tiếng Việt có dấu khi viết bình luận.
- Nội dung phải liên quan đến chủ đề bài viết.
- Không dùng lời lẽ khích bác, thô tục ảnh hưởng đến người khác.
- Không đặt link đến Blog/Web khác.