Viewer - Plugin Zoom Imej Mudah untuk Vanilla JS & jQuery

Anda boleh melakukan carian pantas dan mencari berpuluh-puluh perpustakaan untuk peti cahaya imej, persembahan slaid, galeri, anda menamakannya.

Salah satu perpustakaan terbaharu yang menarik perhatian saya ialah Viewer. Kini dalam versi 0.6, ia masih merupakan projek yang sedang dibangun, tetapi imej ini reka bentuk dan ciri plugin keduanya fenomenal.

Dari laman utama, anda akan mendapati demo langsung dengan pelbagai gaya imej. Anda boleh pilih tetapkan galeri anda kepada ciri-ciri yang berbeza seperti zum langsung dengan imej tunggal, atau tayangan slaid panjang banyak imej.

Ini juga datang dengan “mod inline” yang melampirkan penampil imej kepada elemen pada halaman. Oleh itu, apabila pengguna mengklik gambar kecil ia akan mengezum foto di dalam elemen itu dan bukannya di bahagian atas halaman keseluruhan.

Anda akan menemui butang untuk segala-galanya yang cukup banyak: putaran, kapsyen tambahan, dan penuh zoom 1: 1 untuk mendapatkan paparan jelas gambar hi-res.

Dengan beberapa pilihan JS anda membuat keputusan bagaimana skrip Viewer berfungsi. Tidak mahu membiarkan pengunjung memperbesar gambar? Tiada masalah.

Anda juga boleh melumpuhkan ciri tayangan slaid, atau hanya mematikan butang seterusnya / prev di UI. Sama berlaku untuk gambar kecil yang muncul apabila tayangan slaid dalam pandangan penuh.

Juga, perhatikan skrip ini mempunyai versi bukan jQuery jika anda lebih suka vanila JS. Kedua-dua plugin berfungsi dengan cara yang sama dan kedua-duanya dalam pembangunan aktif. Semua yang anda perlukan untuk menyesuaikan antara muka ini boleh didapati di halaman utama GitHub.

Jika anda besar dalam pengekodan UI anda sendiri maka Viewer adalah plugin yang sangat keren. Ia menawarkannya banyak kawalan ke atas setiap tayangan tayangan slaid bahawa anda boleh menyusun semula ini kepada apa sahaja yang anda inginkan.

Pembangun laman web akan mempunyai hari bekerja dengan semua pilihan dalam skrip imej percuma ini.