Trình chiếu Lightbox toàn màn hình với Lightgallery.js
Bất kỳ trang web blog hoặc danh mục đầu tư tuyệt vời có thể được hưởng lợi từ một trình chiếu hộp đèn modal. Điều này có thể tốt cho trưng bày ảnh liên quan hoặc để khách truy cập duyệt qua danh mục đầu tư của công việc (thiết kế, nghệ thuật, nhiếp ảnh).
Với lightgallery.js, bạn chỉ cài đặt thư viện và để nó chạy. Bạn có thể thiết lập nó với bất kỳ số lượng hình ảnh và mỗi slide chiếm toàn bộ màn hình.
Tôi cực kỳ thích plugin này hơn các trình chiếu khác chỉ chiếm một phần màn hình. Với lightgallery.js, tất cả sự tập trung vào slideshow và hình ảnh hiển thị đầu tiên.
Ở dưới cùng của mỗi slide, bạn có thể tìm thấy một mô tả nhỏ với các liên kết hoặc bất cứ văn bản nào bạn muốn.
Ở góc trên bên phải, bạn sẽ thấy loạt nút cho tính năng mở rộng. Theo thứ tự, họ đi như thế này:
- Chạy trình chiếu
- Phóng to / thu nhỏ
- Trình duyệt toàn màn hình
- Chia sẻ xã hội
- Tải hình ảnh
- Đóng slideshow
Bạn có thể chọn và chọn nút nào trong số những nút này bạn muốn hiển thị bằng chỉnh sửa các tùy chọn khi bạn gọi plugin.
Trong thực tế, tôi bị thổi bay bởi bao nhiêu chi tiết đi vào tài liệu. Nó có chi tiết cho tùy chọn và phương thức gọi lại. Nhưng bạn cũng sẽ tìm thấy thông tin cho thuộc tính dữ liệu tùy chỉnh, Biến Sass, và thậm chí là một API plugin để xây dựng các mô-đun lên lightgallery.
Ồ, và tôi đã đề cập đến nó hoàn toàn thân thiện với thiết bị di động? Bạn có thể vuốt ảnh qua thư viện bằng ngón tay hoặc thậm chí bằng chuột.
Đó là sự lựa chọn hoàn hảo cho một nhà thiết kế hoặc nhiếp ảnh gia muốn có một phương pháp tuyệt vời để hiển thị danh mục đầu tư của họ trên trang web của họ.
Bạn có thể nhúng iframe hoặc video từ các trang web như YouTube hoặc Vimeo. Đây thực sự là plugin thư viện lightbox tốt nhất cung cấp trải nghiệm người dùng tốt nhất có thể.
Thư viện này là không có sự phụ thuộc và nó chạy trên JavaScript thuần. Nhưng nó chơi đẹp với các thư viện lớn chẳng hạn như jQuery hoặc Bootstrap.
Nếu bạn thích điều này như một plugin jQuery có một plugin lightgallery.js được chuyển cho người dùng jQuery. Bạn có thể thấy một bản demo đầy đủ trên trang trình diễn hoặc kiểm tra bút dưới đây. Và nếu bạn cần mã nguồn đi đến GitHub repo và lấy một bản sao cho bản thân.
