Một phút xa nhau ngàn phút nhớ
♥"
Cách sử dụng lightbox plugin
Nếu bạn thực sự cố gắng thì thành công sẽ dần tới với bạn.Chúc bạn thành công,vạn sự như ý!!!
Tác giả: Nguyễn Mạnh Cường trên Facebook
Tác giả: Mạnh Cường trên Google
Lightbox plugin của jquery là một thư viện javascript dùng để tạo image slide. Khi người dùng click vào một hình thumbnail, lightbox sẽ tạo một khung để hiển thị hình ảnh được phóng lớn, cung cấp các nút để người dùng duyệt hình ảnh.
Hướng dẫn
- 1Tải thư viện jquery tại địa chỉ http://code.jquery.com/jquery-1.4.2.min.js
- 2Tải thư lightbox plugin tại địa chỉ http://github.com/balupton/jquery-lightbox/downloads
- 3Giả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
- 4Chèn đoạn mã sau vào 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();
});
</script> - 5Chè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>
No comments:
Post a Comment