RSSJquery

Jquery lightbox

Hiện tại, có rất nhiều mã nguồn Jquery lightbox như Colorbox, Fancybox các bạn chỉ việc download về và làm theo hướng dẫn là có dc một lightbox đẹp. Tuy nhiên, có thể bạn chỉ làm theo mà ko hiểu được cách thức hoạt động của nó.

Hiện tại, có rất nhiều mã nguồn Jquery lightbox như Colorbox, Fancybox các bạn chỉ việc download về và làm theo hướng dẫn là có dc một lightbox đẹp. Tuy nhiên, có thể bạn chỉ làm theo mà ko hiểu được cách thức hoạt động của nó.

Lưu ý: Bài nảy chỉ hướng dẫn cho các bạn nguyên lý hoạt động của lightbox. Và còn phải xử lý rất nhiều để ko bị dính lỗi trong quá trình sử dụng. Bản thân mình cũng khuyên các bạn nên xử dụng các lightbox như Colorbox, Fancybox để đạt hiệu quả tối ưu nhất.

Trong bài trước thì có một số bạn gửi các đoạn code đã được edit, thêm khắc vài chi tiết để hoàn thiện thêm cho bài viết, mình rất hoan nghênh tinh thần của các bạn.
- Đầu tiên, đoạn code của bạn Mr.T: Download, đã chuyển về dạng DIV, và thêm vào nút previous.
- Đoạn code tiếp theo là của bạn Pantonio, đã dùng hàm animate để cho slider chạy mượt hơn: Download

Thời lượng: 21:15 phút
Download định dạng .mp4 chất lượng cao MediaFire
Screen size: HD 720p
Dung lượng: 115 MB
Example: Mediafire
Email: izwebz.art@gmail.com (Minh Mẫn).

——————UPDATE———————
Theo như một vài góp ý thì để đoạn code hoàn thiện hơn, tức khi thu nhỏ hay phóng to kích thước trình duyệt thì lightbox đều hiển thị giữa màng hình. Để làm được điều đó thì các bạn có thể chữa theo góp ý của bạn JimmyLin.
Thay vì

var wid = $("body").width();
var hei = $("body").height();

Thì mình thay body bằng window

var wid = $(window).width();//phải dùng  $(window) mới đúng
var hei = $(window).height();

Tags:

Nếu bạn thấy bài viết hữu ích, hãy nhấn +1 và các liên kết chia sẻ để website ngày càng phát triển hơn. Xin cám ơn bạn!

Nếu là khách, bạn phải đăng ký tài khoản và kích hoạt tài khoản để bình luận được hiển thị ở đây.
Thông tin kích hoạt gửi đến mail của bạn.

Tin mới hơn

Tin cũ hơn

Lên trên đầu