6 Plugin trình xem hình ảnh jQuery trả phí và miễn phí – Plugin trình xem ảnh jQuery được sử dụng để mang đến tính năng: phóng to, thu nhỏ, xoay,… khi xem từng ảnh riêng lẻ. Điều này chắc chắn nâng cao trải nghiệm xem ở khách truy cập.
Những plugin này đặc biệt phục vụ bạn với tính năng sau:
- Thu phóng cảm ứng
- Kéo, xoay hình ảnh
- Chấp nhận hiển thị nhanh hình ảnh được tải
Ngoài ra, plugin trình xem ảnh jQuery này mang đến hiệu ứng lightbox cho hình ảnh.
Những plugin này còn được sử dụng ngay cả để hiển thị hình ảnh ở thiết bị di động bằng cách đưa ra giao diện pixel hoàn hảo cho người dùng.
-
CONTENTS:
jQuery Mega Image Viewer
jQuery Mega Image Viewer thuộc loại plugin tốt nhất, cao cấp ở dòng plugin trình xem ảnh jQuery. jQuery Mega Image Viewer mang đến nhiều tính năng như di chuột hoặc kéo cảm ứng, khả năng tương thích trình duyệt chéo, tính năng thu nhỏ hình ảnh cùng nhiều tính năng khác.
Thực tế, bạn thực hiện được nhiều hơn như – bật/ tắt thanh điều hướng, kéo theo quán tính, nguồn hình ảnh từ JavaScript & HTML, …. Plugin này được đánh giá 5/5 sao với hơn 600+ cài đặt hoạt động cùng 675 doanh số ở khoảng thời gian ngắn.
Đặc trưng
- Plugin jQuery này đồng ý để bạn thuận tiện thay thế thẻ <div> bằng trình xem hình ảnh động.
- jQuery Mega Image Viewer cho phép kiểm soát vị trí, thu phóng từ đối tượng, được hiển thị bên trong khung nhìn.
- Trình xem Mega Image hỗ trợ cảm ứng cho thiết bị di động, bánh xe chuột để phóng to hoặc làm mờ hình ảnh.
- Ngoài ra, Mega Image Viewer đi kèm hiệu ứng hoạt hình rất mượt mà, dễ sử dụng.
-
360° Panoramic
360° Panoramic chụp ảnh, sử dụng jQuery để thêm phép quay, cuộn khiến trải nghiệm tốt hơn. Hơn nữa, plugin này đi kèm tài liệu đầy đủ, ví dụ rõ ràng cùng hướng dẫn từng bước để bạn hiểu rõ hơn.
Ngoài tính năng, plugin này còn chấp nhận cho bạn có nhiều lựa chọn chế độ xem phong cảnh & tích hợp carouFredSel. Giờ carouFredSel là plugin băng chuyền đáp ứng, tròn được xây dựng bằng jQuery.
Đặc trưng
- 360° Panoramic hỗ trợ hình ảnh toàn cảnh phẳng nhưng không hình cầu, phức tạp hơn.
- Plugin này cung cấp hỗ trợ đầy đủ cho thiết bị di động, bàn di chuột cùng chuột.
- Như tên cho thấy plugin này cung cấp cài đặt hiển thị 180/360 độ.
- Nếu bạn muốn sử dụng 360° Panoramic cho phiên bản kích thước cố định thì bạn phải quyết định chiều rộng hoặc chiều cao hình ảnh đó.
-
Giga
Với sự trợ giúp từ plugin này, được sử dụng tùy chọn bánh xe chuột để phóng to hoặc làm mờ hình ảnh. Ngoài ra, Giga cung cấp tùy chọn touchpad cho thiết bị di động. Plugin này đi kèm với ví dụ về xây dựng hình thu nhỏ cùng bộ sưu tập lightbox. Plugin Giga jQuery cũng tương thích với IE, Chrome, Firefox, Opera, Safari.
Giga cũng mang lại hình ảnh động tuyệt vời cùng hiệu ứng mở rộng, mà bạn áp dụng được cho hình ảnh. Thật thuận tiện để cài đặt rồi mang đến hỗ trợ cho CSS, HTML, JavaScript JS. Ngoài ra, bạn đặt được tọa độ & tỷ lệ, thời lượng hoạt ảnh, vị trí thanh điều hướng,v.v….
Đặc trưng
- Plugin Giga jQuery đồng ý cho bạn dễ dàng thay thế thẻ <div> bằng trình xem hình ảnh động bằng điểm nóng.
- Đối với độ phân giải cao, plugin này chỉ hỗ trợ định dạng jpg cho hình ảnh.
- Trình xem Giga chỉ tải đoạn quan trọng bất kỳ hình ảnh lớn nào, được chia thành phần nhỏ, theo mặc định nó là (256 × 256 px).
- Thực tế, nó chứa chương trình dòng lệnh, tập lệnh PHP, để cắt hình ảnh thành từng mảnh.
Xem thêm: 6 Plugin thu phóng hình ảnh jQuery tốt nhất
-
Iviewer
Iviewer đến theo giấy phép MIT, là plugin tiện ích UI. Iviewer chịu trách nhiệm kiểm soát xem hình ảnh. Bạn có khả năng điều khiển tùy chọn phóng to, thu nhỏ bằng bánh xe chuột cũng như bàn di chuột thiết bị di động.
Đặc trưng
- Bạn có được toàn quyền kiểm soát tiện ích thông qua khóa API.
- Iviewer đồng ý cho bạn tùy chỉnh điều khiển bằng CSS.
- Plugin này sẽ chấp nhận cho người dùng phóng to, thu nhỏ hình ảnh cụ thể mà không làm giảm chất lượng pixel.
- Iviewer hỗ trợ IE6 +, FF2 +, Google Chrome, Opera 9+ cùng
-
Viewer
Viewer đi kèm bản demo trực tiếp giúp bạn hiểu rõ hơn về plugin. Viewer hỗ trợ 34 tùy chọn xem hình ảnh, 23 phương thức cùng 7 sự kiện mà bạn sử dụng để tăng chức năng website.
Ví dụ, bạn được hiển thị hoặc ẩn tiêu đề, theo kích thước chiều rộng hình ảnh – chỉ hiển thị tiêu đề khi chiều rộng màn hình lớn hơn 1000 pixel. Thực tế, bạn có khả năng kích hoạt chuyển tiếp CSS3, đặc biệt đối với vài yếu tố.
Đặc trưng
- Viewer sẽ đồng ý bạn sử dụng tính năng – lật ngang & dọc, xoay trái hoặc phải, lên, xuống,v.v…
- Bạn được sắp xếp hình ảnh theo hai chế độ: Chế độ Modal & Inline.
- Plugin này mang đến tùy chọn khác nhau: phông nền, góc quay, phóng to, thu nhỏ,… hình ảnh.
- Viewer hiển thị chú giải công cụ với tỷ lệ hình ảnh khi phóng to hoặc thu nhỏ.
-
ImgViewer
Plugin ImgViewer đi kèm tài liệu đầy đủ theo giấy phép từ MIT. Plugin ImgViewer hoạt động hiệu quả với mọi trình duyệt như Safari, Google Chrome, Opera.
Bạn dễ dàng bật/ tắt chức năng kéo hình ảnh từ khu vực quản trị. Thực tế, bạn được sửa kích thước hình ảnh, nếu muốn.
Đặc trưng
- ImgViewer chấp nhận hình ảnh được phóng to hoặc thu nhỏ, chiếu.
- Bạn được sử dụng bánh xe chuột để phóng to hoặc thu nhỏ.
- Thành phần UI nhạy nhất trên cơ sở nhà máy widget jQuery.
- Plugin này mang lại ví dụ về nhiều người xem, tùy chọn điều khiển, cuộc gọi lại onClick tùy chỉnh,v.v…
Xem thêm: Mẫu Website Đẹp Miễn Phí
Phần kết luận
Tóm lại, bạn dễ dàng phóng to hoặc thu nhỏ, xoay, lật hình ảnh hoặc làm được nhiều hơn nữa nhờ sử dụng plugin trình xem ảnh jQuery này.