Viewer - Plugin Zoom Gambar Sederhana untuk Vanilla JS & jQuery

Anda dapat melakukan pencarian cepat dan menemukan lusinan perpustakaan untuk kotak cahaya gambar, tayangan slide, galeri, apa saja.

Salah satu perpustakaan terbaru yang menarik perhatian saya adalah Viewer. Saat ini dalam versi 0.6, ini masih proyek yang sedang dikembangkan, tetapi gambar ini desain dan fitur plugin keduanya fenomenal.

Dari beranda, Anda akan menemukan demo langsung dengan berbagai gaya gambar. Anda dapat memilih untuk atur galeri Anda sendiri ke berbagai fitur seperti zoom langsung dengan satu gambar, atau tampilan slide panjang yang menampung banyak gambar.

Ini juga dilengkapi dengan “mode sebaris” yang melampirkan penampil gambar ke elemen pada halaman. Jadi kapan pengguna mengklik thumbnail itu akan memperbesar foto di dalam elemen itu daripada di atas seluruh halaman.

Anda akan menemukan tombol untuk hampir semua hal: rotasi, teks tambahan, dan zoom penuh 1: 1 untuk mendapatkan pandangan yang jelas tentang foto resolusi tinggi.

Dengan beberapa opsi JS Anda memutuskan bagaimana script Penampil harus bekerja. Tidak ingin pengunjung memperbesar gambar? Tidak masalah.

Anda juga dapat menonaktifkan fitur slideshow, atau cukup menonaktifkan tombol next / prev di UI. Sama berlaku untuk gambar kecil thumbnail yang muncul saat tampilan slide dalam tampilan penuh.

Juga, perhatikan skrip ini memiliki versi non-jQuery jika Anda lebih suka vanilla JS. Kedua plugin bekerja dengan cara yang sama dan keduanya dalam pengembangan aktif. Semua yang Anda butuhkan untuk menyesuaikan antarmuka ini dapat ditemukan di halaman utama GitHub.

Jika Anda ingin mengkode UI sendiri, maka Penampil adalah plugin yang sangat keren. Itu menawarkan begitu banyak kontrol atas perilaku setiap tayangan slide Anda dapat merestrukturisasi ini menjadi hampir semua yang Anda inginkan.

Pengembang web akan memiliki hari lapangan bekerja dengan semua opsi dalam skrip gambar gratis ini.