Cách sử dụng Lightbox Plugin của jquery
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. Cái này sẽ rất tiện khi chúng ta xem ảnh gốc trực tiếp.
1. Tải thư viện jquery tại địa chỉ: http://code.jquery.com
2. Tải lightbox plugin tại địa chỉ: https://github.com/bevry-archive/jquery-lightbox
3. Giải nén, chép các file thư mục styles, scripts, 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 Github
4. Chèn đoạn mã sau vào trong thẻ <head> và đoạn mã dưới vào trước thẻ </body>
5. Chèn đoạn mã sau vào vị trí bạn muốn hiển thị hình thumbnail.
6. Thay link ảnh và xem lại kết quả vừa làm được.
Reviewed by Quang Hoang
on
11/11/2011
Rating:
Blog của bạn load nhẹ thật đấy,temple của bạn bao nhiêu K,của mình 136k cơ,mình đã thêm liên kết đến blog của bạn rồi,blog bạn phát triển Thủ thuật blogger ak,cố gắng na,tớ sẽ còn ghé thăm nhiều.
Trả lờiXóaTem tớ cũng không thua bạn là mấy, 116k, vì tớ loại bỏ gần hết js ko cần thiết nên nó load cũng đỡ:)
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóa