Trình xem - Plugin Thu phóng hình ảnh đơn giản cho Vanilla JS & jQuery

Bạn có thể thực hiện tìm kiếm nhanh và tìm thấy hàng tá thư viện cho hộp đèn hình ảnh, trình chiếu, phòng trưng bày, bạn đặt tên cho nó.

Một trong những thư viện mới nhất thu hút sự chú ý của tôi là Viewer. Hiện tại trong phiên bản 0.6, đây vẫn là một dự án đang được phát triển, nhưng hình ảnh này thiết kế và tính năng của plugin đều là hiện tượng.

Từ trang chủ, bạn sẽ tìm thấy bản demo trực tiếp với nhiều kiểu hình ảnh khác nhau. Bạn có thể chọn đặt bộ sưu tập của riêng bạn cho các tính năng khác nhau như thu phóng trực tiếp với một hình ảnh duy nhất hoặc trình chiếu dài chứa nhiều hình ảnh.

Điều này cũng đi kèm với một “chế độ nội tuyến” gắn trình xem ảnh vào một thành phần trên trang. Vì vậy, khi người dùng nhấp vào hình thu nhỏ sẽ phóng to ảnh bên trong yếu tố đó chứ không phải trên đầu trang của toàn bộ trang.

Bạn sẽ tìm thấy các nút cho hầu hết mọi thứ: xoay, chú thích thêm và thu phóng 1: 1 đầy đủ để có được cái nhìn rõ ràng về ảnh độ phân giải cao.

Với một vài tùy chọn JS bạn quyết định cách tập lệnh Viewer hoạt động. Không muốn để khách truy cập phóng to hình ảnh? Không vấn đề gì.

Bạn cũng có thể tắt tính năng trình chiếu hoặc chỉ tắt các nút tiếp theo / trước trong giao diện người dùng. Tương tự với hình thu nhỏ xuất hiện khi trình chiếu ở chế độ xem đầy đủ.

Ngoài ra, lưu ý tập lệnh này có phiên bản không phải là jQuery nếu bạn thích vanilla JS. Cả hai plugin đều hoạt động theo cùng một cách và cả hai đều đang phát triển tích cực. Mọi thứ bạn cần để tùy chỉnh giao diện này đều có thể được tìm thấy trên trang GitHub chính.

Nếu bạn thích mã hóa UI của chính mình thì Trình xem là một plugin rất hay. Nó cung cấp như vậy kiểm soát nhiều hành vi của mỗi slideshow rằng bạn có thể cấu trúc lại nó thành khá nhiều thứ bạn muốn.

Các nhà phát triển web sẽ có một ngày làm việc với tất cả các tùy chọn trong tập lệnh hình ảnh miễn phí này.