SmartPhoto.js - Trình xem hình ảnh phản hồi đơn giản được thiết kế cho thiết bị di động

Trong thời đại thiết kế web đáp ứng, bạn phải suy nghĩ về mọi trải nghiệm của người dùng di động. Trong năm 2017, tổng số người dùng Internet trên thiết bị di động đã vượt lên trên máy tính để bàn bởi một vài phần trăm. Đó là một vấn đề lớn!

Hầu như mọi tính năng trên trang web của bạn cần có một số loại thay thế thân thiện với thiết bị di động. Đối với các phòng trưng bày hình ảnh, bạn có thể dùng thử SmartPhoto.js vì nó được thiết kế dành riêng cho đầu vào di động.

Plugin hoàn toàn miễn phí và có nguồn mở với trang GitHub đầy đủ.

Nó được cập nhật thường xuyên nhưng phần quan trọng của SmartPhoto.js là giao diện người dùng tự nhiên. Nó hoạt động tuyệt vời trên máy tính để bàn và thậm chí phù hợp hơn trên điện thoại di động. Chân dung hoặc phong cảnh, điện thoại thông minh hoặc máy tính bảng, plugin này có bánh.

Với SmartPhoto.js bạn nhận được hỗ trợ cảm ứng đầy đủ và hỗ trợ vuốt để di chuyển giữa các hình ảnh trong slideshow. Plugin cũng hoạt động với gia tốc kế để bạn có thể kiểm tra khi hướng trang thay đổi.

Có một cái nhìn vào tài liệu cho một hướng dẫn đầy đủ về thiết lập và cài đặt. Plugin này không yêu cầu nhiều mã JS để hoạt động, nhưng nó không hỗ trợ rất nhiều tùy chọn tùy chỉnh với các phương thức gọi lại.

Bạn cũng sẽ nhận thấy rằng SmartPhoto có không phụ thuộc vì vậy nó chạy trên JS vanilla cơ bản. Tất cả những gì bạn cần là hai tệp SmartPhoto.js (tệp CSS và JS) mà bạn có thể tải xuống trực tiếp từ GitHub hoặc kéo qua quản lý gói bằng npm hoặc Sợi.

Hãy xem trang demo nếu bạn muốn xem nó hoạt động như thế nào. Các bản demo bao gồm các đoạn mã bạn có thể sao chép / dán và sử dụng cho trang web của riêng bạn.

Tôi đặc biệt khuyên dùng SmartPhoto.js cho bộ sưu tập hộp đèn đơn giản và thân thiện với thiết bị di động.

Trang web plugin chính có mọi thứ bạn cần để bắt đầu với các tệp nguồn có thể tải xuống và tài liệu toàn diện.