15 Perpustakaan Lightbox Untuk Responsif Seluler
Lightbox adalah salah satu cara populer untuk itu hamparkan gambar di web. Ketika Anda mengklik pada gambar, Lightbox muncul dengan beberapa bentuk animasi, dan meredupkan latar belakang sehingga fokus Anda adalah pada gambar itu sendiri. Ukuran gambar juga lebih besar. Pustaka JavaScript Lightbox terpopuler yang telah kami kenal selama bertahun-tahun memungkinkan Anda melakukan ini dengan baik di desktop, tetapi tidak begitu banyak di platform seluler.
Mengabaikan hal ini, dan perlunya responsif, bukanlah ide yang baik saat ini, itulah sebabnya koleksi 15 perpustakaan Lightbox yang responsif ini harus diperiksa..
Lebih lanjut tentang Hongkiat:
- Membuat Jendela Modal dengan Mudah Dengan Dialog HTML5
- Top 10 Galeri Gambar Responsif / Gratis
- Buat, Kontrol & Sesuaikan Jendela Modal Lebih Baik Untuk Situs Anda Menggunakan Vex
- Galeri & Slider Gambar jQuery - Best Of
PhotoSwipe
PhotoSwipe sejauh ini adalah plugin ligthbox favorit saya. Ini ringan, sentuh-enabled, dan yang paling penting modular yang memungkinkan saya untuk membuang beberapa bagian yang tidak diperlukan. Ini berjalan dengan baik di browser seluler. Anda dapat menggesek gambar dengan jari seperti pada aplikasi asli, dan transisi berjalan sangat mulus.
- Ketergantungan: Tidak ada
- Dukungan Browser: IE8 +, Chrome, Firefox, Safari, Opera, dan beberapa peramban seluler.
- Lisensi: Lisensi MIT
MagnificPopup
MagnificPopup adalah plugin lightbox lain, yang dikembangkan oleh orang yang sama yang memberi kami PhotoSwipe, Dmitry Semenov. Itu datang dalam bentuk plugin jQuery / Zepto, dan juga membawa kemampuan yang hilang di PhotoSwipe seperti dukungan untuk konten Video, Peta, dan Ajax. Ini adalah alternatif yang bagus untuk mereka yang lebih suka memiliki lebih banyak fitur.
- Ketergantungan: jQuery 1.9.1+, atau Zepto.js
- Dukungan Browser: IE7 (sebagian), IE8 +, Chrome, Firefox, Safari, dan Opera.
- Lisensi: Lisensi MIT
Kotak Swipe
Swipebox adalah plugin jQuery dengan dukungan gesture sentuh untuk platform seluler. Ini juga mendukung video dari Youtube dan Vimeo selain dari gambar. Swipebox juga benar-benar mudah diimplementasikan, dan memiliki beberapa opsi untuk menyesuaikan perilakunya. Saya pikir Swipebox adalah plugin lightbox yang bagus untuk JavaScript noobs.
- Ketergantungan: jQuery
- Dukungan Browser: IE9 +, Chrome, Safari, Firefox, Opera, IOS4 +, Android, dan Windows Phone.
- Lisensi: Tidak terdefinisi
iLightbox
iLighbox adalah plugin lightbox jQuery dengan berbagai dukungan jenis media: termasuk video, Flash / SWF, konten Ajax, iframe, dan peta. Plugin ini juga menambahkan tombol media sosial di atas media, memungkinkan pengguna Anda untuk membagikannya ke Facebook, Twitter, atau Reddit. Lihat juga bagian lanjutan untuk melihat bagaimana iLightbox dapat diterapkan dalam berbagai skenario.
- Ketergantungan: jQuery
- Dukungan Browser: IE7 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Tidak terdefinisi
Lightbox untuk Bootstrap
Kotak lampu adalah salah satu bagian yang sangat hilang dari Bootstrap. Plugin ini memperbaikinya. Jika Anda menggunakan Bootstrap, saya sangat merekomendasikan menggunakan perpustakaan ini. Plugin ini terintegrasi dengan baik dengan basis kode Bootstrap.
- Ketergantungan: jQuery dan Bootstrap Modal
- Dukungan Browser: IE8 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi GNU
Nivo Lightbox
Nivo Lightbox adalah plugin lightbox yang fleksibel. Beberapa opsi disertakan untuk mengubah tampilan menjadi seperti yang Anda inginkan, seperti mengubah tema, efek transisi, dan mengganti navigasi..
- Ketergantungan: jQuery
- Dukungan Browser: IE9 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi MIT
ImageLightbox
ImageLightbox adalah plugin lightbox tanpa mengasapi. Itu dibangun khusus untuk gambar maka nama yang diberikan - tidak ada video atau jenis media lain yang didukung. Itu juga tidak memerlukan markup HTML asing; itu elemen sudah cukup. Pengaya hanya berfungsi.
- Ketergantungan: jQuery
- Dukungan Browser: IE9 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Tidak terdefinisi
Mini Lightbox
Plugin lightbox lain tanpa mengasapi. Perpustakaan hanya 2kb, dan hanya berfungsi dengan gambar. Ini adalah plugin yang sempurna jika Anda hanya menunjuk untuk browser terbaru dan tidak perlu overlay jenis media lain seperti video.
- Ketergantungan: Tidak ada
- Dukungan Browser: IE10 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi MIT
LightCase
Lightcase adalah plugin lightbox yang indah. Muncul dengan beberapa animasi yang membuat interaksi pengguna menjadi hidup, seperti fade, zoom elastis dan bergulir. Selain itu, ia juga mendukung berbagai jenis media termasuk embed Youtube, video HTML, SWF dan formulir input. Plugin ini juga menangani media dengan benar tidak dapat dijangkau atau ditemukan kesalahan
- Ketergantungan: jQuery
- Dukungan Browser: IE9 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi GPL
Yalb
Yalb singkatan Yet Another Lightbox - tetapi tidak. Yalb hadir dengan sejumlah API termasuk acara khusus yang memungkinkan Anda mengidentifikasi status lightbox, seperti ketika itu Buka
dan kapan itu dekat
. Yalb hadir dalam dua versi, Vanilla JavaScript dan plugin jQuery.
- Ketergantungan: Tidak ada
- Dukungan Browser: IE9 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi MIT
Cahaya bulu
6kb Cahaya bulu adalah plugin telanjang untuk pengembang yang cerdas dan hanya membawa yang penting. Jika Anda perlu, misalnya, untuk mengelompokkan lightbox gambar di galeri, Anda dapat memasukkan ekstensi galeri. Anda juga dapat mengembangkan ekstensi Anda sendiri untuk plugin ini agar sesuai dengan kebutuhan proyek Anda.
- Ketergantungan: jQuery
- Dukungan Browser: IE8 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi MIT
LightLayer
LightLayer adalah plugin lightbox yang mudah digunakan. Ini memiliki beberapa opsi, metode JavaScript khusus, dan acara khusus. plugin berfungsi dengan gambar, video, peta, dan konten eksternal. Apa lagi yang bisa kita tanyakan.
- Ketergantungan: jQuery
- Dukungan Browser: IE9 +, Chrome, Firefox, Safari, dan Opera
- Lisensi: Lisensi MIT
LightGallery
LightGallery, plugin lightbox lain dengan banyak fitur yang ditambahkan. Muncul dengan lebih dari 20 opsi untuk menyesuaikan detail terkecil dari lightbox.
- Ketergantungan: jQuery
- Dukungan Browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android, dan Windows Phone
- Lisensi: Lisensi MIT
FluidBox
Fluidbox adalah plugin lightbox gambar yang terinspirasi dari Medium. Ini bekerja dengan gambar dalam berbagai keadaan termasuk gambar mengambang, gambar dengan mutlak
posisi, gambar yang memiliki batas dan bantalan, dan galeri. Lihatlah bagaimana itu dibangun. Jika Anda membutuhkan plugin WordPress, ada satu.
- Ketergantungan: jQuery
- Dukungan Browser: IE9 +, Chrome, Firefox, Safari, Opera
- Lisensi: Lisensi MIT
StripJS
StripJS adalah plugin lightbox yang unik. Alih-alih overlay gambar, plugin malah menggeser gambar dari samping, sehingga tidak akan memblokir seluruh konten. StripJS mendukung gambar dan video.
- Ketergantungan: jQuery
- Dukungan Browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+, dan Android 3+
- Lisensi: Lisensi Creative Commons BY-NC-ND 3.0