SmartPhoto.js - Penampil Gambar Responsif Sederhana Dirancang untuk Seluler

Di era desain web responsif, Anda harus memikirkan pengalaman setiap pengguna ponsel. Pada 2017 total pengguna Internet di seluler naik di atas desktop dengan beberapa persen. Itu masalah besar!

Hampir setiap fitur di situs web Anda perlu memiliki beberapa alternatif ramah-seluler. Untuk galeri gambar, Anda dapat mencoba SmartPhoto.js karena itu dirancang khusus untuk input seluler.

Plugin ini sepenuhnya gratis dan bersumber terbuka dengan halaman GitHub penuh.

Ini diperbarui sangat sering tetapi bagian penting dari SmartPhoto.js adalah UI alami. Ini bekerja sangat baik di desktop dan lebih cocok di ponsel. Potret atau lansekap, ponsel cerdas atau tablet, plugin ini mengambil kue.

Dengan SmartPhoto.js Anda dapatkan dukungan sentuh penuh dan dukungan menggesek untuk bergerak di antara gambar dalam tampilan slide. Plugin juga berfungsi dengan accelerometer sehingga Anda dapat memeriksa kapan orientasi halaman berubah.

Mengintip dokumentasi untuk panduan lengkap tentang pengaturan dan instalasi. Plugin ini tidak memerlukan banyak kode JS untuk bisa bekerja, tetapi itu diperlukan mendukung banyak opsi khusus dengan metode panggilan balik.

Anda juga akan melihat bahwa SmartPhoto memilikinya tidak ada ketergantungan jadi itu berjalan pada vanilla JS dasar. Yang Anda butuhkan hanyalah dua file SmartPhoto.js (file CSS dan JS) yang dapat Anda unduh langsung dari GitHub, atau tarik melalui manajemen paket dengan npm atau Yarn.

Lihatlah halaman demo jika Anda ingin melihat bagaimana ini terlihat dalam tindakan. Demo termasuk cuplikan kode yang dapat Anda salin / tempel dan gunakan untuk situs web Anda sendiri juga.

Saya sangat merekomendasikan SmartPhoto.js untuk galeri lightbox yang sederhana dan ramah seluler.

Situs plugin utama memiliki semua yang Anda butuhkan untuk memulai dengan file sumber yang dapat diunduh dan dokumentasi yang komprehensif.