Lightbox Galeri Adaptif. Plugin lightbox terbaik untuk WordPress

Perpustakaan paling populer adalah JavaScript Lightbox, yang kami gunakan selama bertahun-tahun di desktop, tetapi tidak pada platform seluler.

Saya memberi Anda 14 plugin lightbox Anda dengan dukungan untuk platform seluler.

Photoswipe.

PhotosWipe - Mudah, dengan dukungan sentuh, dan plugin modular paling penting, yang memungkinkan Anda untuk menghapus bagian yang tidak perlu yang tidak diperlukan. Ini bekerja dengan baik di browser seluler. Anda dapat mengubah gambar dengan menggerakkan jari Anda, seolah-olah itu adalah aplikasi standar, dengan transisi yang lancar.

Perpustakaan yang diperlukan: tidak.
Dukungan browser: IE8 +, Chrome, Firefox, Safari, Opera, dan browser seluler lainnya.
Lisensi: Lisensi MIT.

Magnific popup.

Magnific Popup - adalah plugin beku lain, yang dirancang oleh penulis yang sama dengan Photoswipe, Dmitry Semenovyv. Plugin ini hadir di plugin jQuery / zepto, dan juga mencakup dukungan yang hilang di Photoswipe, seperti: Dukungan video, kartu dan Ajax. Ini adalah alternatif yang sangat baik bagi mereka yang lebih suka memiliki lebih banyak peluang.

Perpustakaan yang diperlukan: JQuery 1.9.1+ atau zepto.js
Dukungan browser: IE7 (sebagian) ,.
Lisensi: Lisensi MIT.

SwipipeBox.

Plugin Swipbox JQuery dengan dukungan untuk gerakan sensorik untuk platform seluler. Dia juga mendukung video dari YouTube dan Vimeo, selain gambar. Swipbox mudah dipasang, dan memiliki beberapa opsi untuk mengkonfigurasi pengaturannya. Saya pikir swipebox terlalu cincang plugin lightbox untuk mereka yang tidak memiliki javascript.

Lightbox untuk Bootstrap

Awalnya, plugin lisan tidak ada di bootstrap. Lightbox untuk bootstrap memperbaikinya. Jika Anda menggunakan bootstrap, sangat disarankan untuk menggunakan pustaka ini. Plugin terintegrasi dengan baik dengan bootstrap.

Perpustakaan yang diperlukan: Modul jquery dan bootstrap
Dukungan browser: IE8 +, Chrome, Firefox, Safari, dan Opera
Lisensi: Lisensi GNU.

NIVO Lightbox

Nivo Lightbox adalah plugin Custom Box yang fleksibel. Berbagai opsi memungkinkan Anda untuk berubah penampilan. Misalnya: topik, animasi penampilan, dan jenis navigasi.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser:
Lisensi: Lisensi MIT.

Imagelightbox.

Imagelightbox plugin lightbox sederhana tanpa embel-embel. Ini hanya digunakan untuk gambar, karenanya namanya. Baik video maupun jenis lain yang didukung. Itu juga tidak memerlukan markup HTML tambahan; Menandai Cukup. Plugin ini mudah digunakan.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE9 +, Chrome, Firefox, Safari, dan Opera
Lisensi: Tidak ditentukan

Mini Lightbox

Plugin Celah Lain tanpa tambahan. Perpustakaan memiliki berat hanya 2 kilobyte, dan hanya berfungsi dengan gambar. Ini adalah plugin yang sempurna jika Anda hanya mengembangkan untuk versi terbaru Browser dan tidak perlu mendukung video atau format lain.

Perpustakaan yang diperlukan: tidak
Dukungan browser: Internet Explorer. 10 +, Chrome, Firefox, Safari, dan Opera
Lisensi: Lisensi MIT.

LEWCASE.

Lightcase Cantik Plugin Cantik. Mendukung beberapa spesies animasi, seperti: pudar, elastis, zoom dan gulir. Selain itu, ini juga mendukung berbagai jenis media, termasuk embed YouTube, video HTML, SWF dan input.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE9 +, Chrome, Firefox, Safari, dan Opera
Lisensi: Lisensi GPL.

Featherlight.

Plugin dasar featherlight, 6 kilobyte membebani pengembang bebas masalah dan hanya mencakup yang paling diperlukan. Jika Anda memerlukan efek beku, misalnya, untuk sekelompok gambar di galeri, Anda dapat mengaktifkan ekspansi galeri. Anda juga dapat mengembangkan ekspansi Anda sendiri untuk plug-in yang digunakan dalam proyek Anda.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE8 +, Chrome, Firefox, Safari, dan Opera
Lisensi: Lisensi MIT.

Lightlayer.

Lightlayer Mudah Digunakan Plugin Celah. Plugin mendukung banyak opsi, Kustom Metode Javascript dan acara pengguna. Plugin bekerja dengan gambar, video, kartu.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE9 +, Chrome, Firefox, Safari, dan Opera
Lisensi: Lisensi MIT.

Lightgallery.

Lightgallery, plugin Celah Lagi lainnya dengan jumlah besar fungsi. Ini mencakup lebih dari 20 opsi untuk mengkonfigurasi efek lightbox yang berbeda.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android, dan Windows Phone
Lisensi: Lisensi MIT.

FluidBox.

Fluidbox Casbox Plug-in bekerja dengan gambar. Termasuk dukungan untuk berbagai tampilan, termasuk gambar mengambang, gambar dari posisi absolut, gambar dengan batas dan deposito, dan galeri. Ada juga plugin WordPress.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE9 +, Chrome, Firefox, Safari, Opera
Lisensi: Lisensi MIT.

Stripjs.

Stripjs plugin beku unik. Alih-alih memaksakan gambar, modul beku meluncur bersama dengan gambar dari sisi ke sisi, sehingga gambar tidak akan memblokir semua konten. Stripjs mendukung gambar dan video.

Perpustakaan yang diperlukan: JQuery.
Dukungan browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+, dan Android 3 +
Lisensi: Lisensi Creative Commons By-NC 3.0 3.0

Sering kali melakukan ulasan berbagai galeri gambar, mengumpulkan koleksi tayangan slide spektakuler yang luas dan -plagins. Ada di Piggy Bank dan Lighbox semata-mata pada CSS3, tanpa menghubungkan perpustakaan JS tambahan. Tetapi waktu tidak diam, pengguna semakin menggunakan berbagai perangkat seluler untuk selancar internet, yang berarti kemampuan beradaptasi elemen web dan pada galeri foto tertentu dengan efek "" menjadi salah satu prioritas yang harus diperhatikan oleh desainer web dan pengembang web .

Saya menyajikan pilihan lain dari 15 plug-in adaptif jQuery, yang merupakan teman, seperti dengan browser desktop, dan cocok dengan layar berbagai perangkat seluler (laptop, smartphone, tablet, dll.)

Lihat demo di situs pengembang, unduh plugin yang Anda suka dan buat, buat, buat ...

1. ILightBox.

ilighbox. - Ini adalah lightbox-plugin jquery dengan berbagai jenis jenis file: gambar, video, flash / swf, konten AJAX, frame dan kartu bawaan. Plugin ini juga menambahkan tombol jejaring sosial, yang memungkinkan pengguna untuk berbagi konten melalui Facebook, Twitter atau Reddit. Fitur luar biasa dari organisasi tayangan slide spektakuler, galeri gambar dan klip video, dengan melihat dalam mode yang biasa, dan layar penuh.

ilighbox. bekerja dengan cepat dan saat melihatnya perangkat selulerApalagi, dengan benar menampilkan konten yang diproses. Antara lain, menggunakan plugin ini, Anda dapat dengan mudah mengimplementasikan output blok informasi berdasarkan jenis jendela modal.

Kecanduan: jQuery.
Mendukung browser: IE7 +, Chrome, Firefox, Safari dan Opera
Lisensi: Dan neraka tahu itu)))

2. Kotak Swipipe.

SwipipeBox. - Ini adalah plugin jQuery dengan dukungan layar sentuh Platform seluler. Selain gambar, plugin ini mendukung video tertanam dari YouTube dan Vimeo. Swipbox sangat mudah untuk dikencangkan ke proyek apa pun, plugin ini memiliki beberapa opsi intuitif untuk mengkonfigurasi fungsi dan perilakunya. Di situs web pengembang, dokumentasi terperinci untuk menghubungkan dan menggunakan plugin, tanpa kelebihan air, semuanya hanya dalam kasus ini, jadi tidak sulit untuk mencari tahu di mana, dan mengapa, saya pikir itu tidak akan sulit.

Kecanduan: jQuery.
Mendukung browser: IE9 +, Chrome, Safari, Firefox, Opera, iOS4 +, Android dan Windows Phone
Lisensi: Saya tidak mendefinisikan, mungkin Anda akan beruntung))))

3. Magnificpopup.

Untuk waktu yang lama, terlihat terkenal dan terbukti dengan plug-in jquery atau zepto.js. Penulis plugin - Dmitry Semenov, yang merupakan pengembang dan plugin Photoswipe, yang akan memberi tahu tepat di bawah ini. Datang dalam bentuk plugin jQuery / zepto, memiliki lebih banyak peluang absen di PhotosWipe, seperti dukungan video, pemetaan dan konten Ajax, implementasi modal Windows dengan formulir bawaan. Untuk semua kriteria, ini adalah alat luar biasa di pengembang web. Secara terpisah ada plugin untuk WordPress dan dokumentasi terperinci untuk pengaturan, dan penggunaan. Mengacau hanya kurangnya dokumentasi dalam bahasa Rusia, menilai dengan nama dan nama keluarga, penulis tampaknya Rusia, tidak pernah dipahami karena kerugian, atau karena kesadaran imajiner tentang perasaannya, dan Blah. Yah, oke, kepada siapa itu perlu dikorbankan, kita juga tidak menenggelamkan teh juga))).

Kecanduan: jQuery 1.9.1+, atau zepto.js
Mendukung browser: IE7 (sebagian), IE8 +, Chrome, Firefox, Safari dan Opera
Lisensi: Lisensi MIT.

4. Photoswipe.

Kecanduan: Javascript atau jquery
Mendukung browser
Lisensi: Lisensi MIT.

11. Featherlight.

6 K.bit lightbox-plugin, untuk pengembang yang kurang lebih cerdas, dilengkapi dengan semua fitur yang paling diperlukan. Selain mendukung semua jenis konten umum (teks, gambar, iframe, AJAX), ada opsional opsional opsional, serta Anda dapat mengembangkan ekstensi Anda sendiri untuk plugin ini, yang sepenuhnya memenuhi kebutuhan Anda saat membuat proyek baru . Seperti semua ekonomi (pengembangan ekspansi) ini, itu tidak terlalu disengaja, tetapi mereka yang akan memasukkan plugin ini, saya pikir akan mengerti))).

Kecanduan: jQuery.
Mendukung browser: IE8 +, Chrome, Firefox, Safari dan Opera
Lisensi: Lisensi MIT.

12. Lightgallery.

Lightgallery. - Plugin Casbox multifungsi dengan banyak fitur tambahan. Datang dengan lebih dari 20 opsi, untuk mengkonfigurasi detail lightbox terkecil. Ada segalanya, yah, atau hampir segalanya)). Galeri gambar penuh dengan miniatur yang dibangun dengan rapi, dengan elemen navigasi dan gulir miniatur. Markup HTML sederhana dalam bentuk daftar yang tidak berurutan

Lightgallery.

Kecanduan: jQuery.
Mendukung browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS, Android dan Windows Phone
Lisensi: Lisensi MIT.

13. Stripjs.

Tidak biasa, saya bahkan akan mengatakan: implementasi lightbox yang tidak biasa, lebih tepatnya, bukan representasi konten yang biasa, ketika gambar atau video, dalam desain limit, muncul di sebelah kanan, mengisi bukan seluruh layar, tetapi hanya di ukuran yang ditentukan Gambar atau video ukuran penuh. Pada layar besar, pendekatan ini jelas, kemungkinan interaksi dengan halaman tetap. Pada layar kecil perangkat seluler, semua desain inovatif ini, dengan lancar masuk ke lightbox klasik. Idenya menarik, lihat demo, mungkin seseorang akan memasukkan kreatif seperti itu.

Kecanduan: jQuery.
Mendukung browser: IE7 +, Chrome, Firefox, Safari, Opera, iOS 5+ dan Android 3+
Lisensi: Creative commons by-nc-nd 3.0 lisensi

14. Lightlayer.

Plugin lightbox yang mudah digunakan yang dikombinasikan dengan baik dengan proyek apa pun dan juga terlihat bagus di layar apa pun. Plugin Lightlayer menyajikan kontrol atas serangkaian pengaturan, seperti mengubah warna latar belakang dan tingkat transparansi, posisi unit dasar, pemilihan efek transisi saat membuka / menutup, fungsi yang dapat dimanipulasi secara independen. Plugin berfungsi dengan baik dengan konten situs web eksternal, pemutar dan kartu video bawaan.

Kecanduan: jQuery.
Mendukung browser: IE9 +, Chrome, Firefox, Safari dan Opera
Lisensi: Lisensi MIT.

15. FluidBox.

Plugin Fluidbox - Casbox secara eksklusif untuk gambar. Jumlah semua jenis variasi representasi gambar benar-benar mengesankan. Plugin berfungsi dengan baik dengan gambar dalam berbagai desain, termasuk gambar mengambang, gambar dengan pemosisian absolut, gambar dan foto yang dibingkai bingkai, dan memiliki indentasi, dengan gambar tunggal, dan digabungkan ke dalam galeri. Secara umum, dengan sia-sia air untuk menuangkan, untuk melukis semua kemampuan plugin dalam tampilan singkat tidak akan berfungsi, jadi lebih baik melihat demo, memutar, berbalik dan berpikir plugin ini akan menyukai banyak.

Kecanduan: jQuery.
Mendukung browser: IE9 +, Chrome, Firefox, Safari, Opera
Lisensi: Lisensi MIT.

Ini mungkin semua! Saya harap ulasan kecil ini akan membantu Anda memahami tumpukan produk pengembangan web yang diusulkan. Saya ingin mencatat bahwa tidak semua plugin yang disajikan dalam pemilihan plugin yang saya gunakan pada proyek kerja, kebanyakan dari mereka terbukti di situs uji atau di Lachak, jadi jika ada pertanyaan, kemungkinan besar kami akan menyelesaikannya bersama, dan bersama-sama, Seperti biasa semuanya akan bekerja dengan kami.

Apakah Anda mencari template Russified yang cocok untuk tujuan Anda? Mungkin, dalam hal ini, Anda harus mengunjungi TemplateMonster Markes. Untuk alasan sederhana yang baru-baru ini bagian template baru muncul di situs. Sekarang setiap pengguna dapat membiasakan diri dengan koleksi yang akan memperbarui dan memperbarui. Teks untuk templat ditulis secara manual. Tetapi ini bukan satu-satunya plus dari solusi siap pakai ini. Lagi pula, dalam paket mereka, Anda dapat menemukan segala sesuatu yang akan memfasilitasi pekerjaan pada pengembangan proyek online, termasuk editor visual.

Dengan segala hormat, Andrew

Dua gambar individu

Empat set gambar.

Mulai.

Unduh zip rilis terbaru (atau yang sebelumnya) dari halaman rilis GitHub.

Atau menginstal menggunakan NPM:

NPM Instal Lightbox2 --save

Buka file ZIP dan mengintip ke barebones, contoh kerja yang termasuk dalam folder / contoh.

Siap mengatur Lightbox di halaman Anda? Mulailah dengan memasukkan CSS Lightbox dan Javascript. Anda dapat mengambil kedua file ini dari folder / Dist.
- Sertakan CSS di bagian atas halaman Anda di Menandai:
- Sertakan JavaScript di bagian bawah halaman Anda sebelum penutupan Menandai:
Pastikan jQuery, yang diperlukan oleh Lightbox, juga dimuat.
- Jika Anda sudah menggunakan jQuery di lightbox.js Anda. JQuery 1.7 atau lebih besar diperlukan.
- Jika saat ini Anda tidak menggunakan jQuery, saya telah membuat file yang dikemas TAT \u200b\u200btermasuk lightbox dan jQuery. Sertakan dist / js / lightbox-plus jquery.js alih-alih Lightbox.js.
Konfirmasikan bahwa empat gambar yang dimuat oleh Lightbox.css berada di lokasi yang benar. Anda dapat mengambil gambar dari folder / dist / gambar.

Inisialisasi dengan HTML.

Gambar tunggal. Tambahkan atribut data-lightbox ke tautan gambar apa pun untuk mengaktifkan lightbox. Untuk nilai atribut, gunakan nama unik untuk setiap gambar. Sebagai contoh: Pilihan:
- Tambahkan atribut data-judul jika Anda ingin menunjukkan keterangan.
- Tambahkan atribut data-alt jika Anda ingin mengatur atribut alt dari gambar yang ditautkan.
Set gambar. Jika Anda memiliki sekelompok gambar terkait yang ingin Anda gabungkan ke dalam satu set, gunakan nilai atribut data-lightbox yang sama untuk semua gambar. Sebagai contoh:

Pilihan.

Jika Anda ingin mengubah opsi default, hubungi metode opsi.

Pilihan	Default.	Deskripsi.
selaluShownAveRouchDevices.	salah	Jika benar, panah navigasi kiri dan kanan yang muncul pada arahkan mouse saat melihat set gambar akan selalu terlihat pada perangkat yang mendukung sentuhan.
albumLABEL.	"Gambar% 1 dari% 2"	Teks ditampilkan di bawah keterangan saat melihat set gambar. Teks default menunjukkan nomor gambar saat ini dan jumlah total gambar di set.
disonblolling.	salah	Jika benar, mencegah halaman dari pengguliran sementara lightbox terbuka. Ini bekerja dengan pengaturan overflow tersembunyi pada tubuh.
fadturasi.	600	Waktu yang diperlukan untuk wadah lightbox dan overlay untuk memudar masuk dan keluar, dalam milidetik.
fitimagesInviewport.	benar.	Jika benar, ubah ukuran gambar yang akan memanjang di luar viewport sehingga pas dengan rapi di dalamnya. Ini menghemat pengguna agar tidak harus menggulir untuk melihat seluruh gambar.
imageFaduration.	600	Waktu yang diperlukan untuk gambar untuk memudar sekali dimuat, dalam milidetik.
maxwidth.		Jika diatur, lebar gambar akan terbatas pada nomor ini, dalam piksel. Rasio aspek tidak akan dipertahankan.
tinggi maksimal		Jika diatur, ketinggian gambar akan terbatas pada nomor ini, dalam piksel. Rasio aspek tidak akan dipertahankan.
posisiFromtop.	50	Jarak dari atas viewport bahwa wadah lightbox akan muncul, dalam piksel.
resesialisasi	700	Waktu yang diperlukan untuk wadah lightbox untuk menghidupkan lebar dan tinggi saat transisi antara berbagai ukuran gambar, dalam milidetik.
showimagenumberlabel.	benar.	Jika FALSE, teks yang menunjukkan nomor gambar saat ini dan jumlah total gambar dalam set (mis. Gambar 2 dari 4) akan disembunyikan.
sampul.	salah	Jika benar, ketika pengguna mencapai pemisahan terakhir akan muncul dan panah navigasi yang tepat akan muncul dan akan terus bergerak maju yang akan membawanya kembali ke gambar pertama di set.

Dukungan Browser

Lightbox2 telah berhasil diuji dengan sukses di browser berikut:

Internet Explorer.
File lightbox-plus-jquery.js termasuk jQuery v2.x dan mendukung IE 9+. Jika Anda ingin mendukung IE 6, 7, dan 8, gunakan salinan JQuery v1.x Anda sendiri dengan Lightbox.js.
Chrome.
Safari.
Firefox.
iOS safari.
iOS chrome.
Browser Android.
Android Chrome.

Lisensi.

100% gratis. Lightbox gratis digunakan dalam pekerjaan komersial dan non-komersial.
Atribusi adalah sepersim.Ini berarti Anda harus meninggalkan nama saya, tautan beranda saya, dan info lisensi utuh. Tidak satu pun dari barang-barang ini yang harus dihadapi pengguna dan dapat tetap berada dalam kode.

Tolong.

Punya pertanyaan tentang cara menggunakan lightbox?

Ikuti langkah-langkah di bawah ini untuk mendapatkan bantuan. Pastikan Anda telah membaca dokumentasi di halaman ini dan melihat contoh yang disertakan terlebih dahulu.

Cari Stackoverflow untuk melihat apakah orang-orang OTER mengalami masalah yang sama dengan yang Anda alami.
Jika masalah Anda unik, maka posting pertanyaan baru di Stackoverflow. Gunakan tag Lightbox2.

Jangan menggunakan masalah GitHub untuk melaporkan permintaan dukungan pribadi.

Menemukan bug?

Jika Anda menemukan bug, ikuti instruksi dalam kontribusi guildelines untuk melaporkan masalah ini.

Script mengatur melihat gambar di jendela sembulan. Tampilan dapat diselenggarakan oleh satu gambar atau galeri, gambar yang menyedot di jendela sembulan.
Script termudah dan tercepat dipasang. Diinstal dan dikonfigurasi secara harfiah dalam beberapa menit.

Cara Memasang Lightbox

kode HTML.

Dan langkah terakhir. Tampilan gambar.
Output gambar melakukannya

Kode output standar untuk gambar kecil dan tautan ke gambaran besar, hanya dua parameter yang ditambahkan ke tautan.
Berikut adalah contoh dari kode ini - saat mengklik pada gambar muncul gambar besar.

Untuk efek seperti itu sesuai dengan parameter data-Lightbox \u003d "Gambar".
Jika Anda memiliki banyak gambar di halaman, Anda dapat membuat pembukaan gambar tanpa menggulir ke jendela sembulan, dan Anda dapat menggabungkan gambar dan mereka akan menggulir ke jendela sembulan.
Untuk menggabungkan gambar, Anda perlu menggunakan satu nama untuk setiap kelompok gambar.

Seperti yang Anda lihat, semua gambar dapat bergulir di jendela sembul, sejak data-Lightbox Setiap orang memiliki hal yang sama.
Jika Anda ingin membagi gambar sehingga mereka tidak menyebar, gunakan kode ini.

Sekarang setiap gambar terbuka secara terpisah, yaitu, tidak ada kemungkinan untuk bergeser ke yang berikutnya.

Apa yang ada di versi upgrade

versi asli

Dan beberapa kedua yang membutuhkan penambahan yang diperlukan adalah pengecualian ganda gambar.
Default dimatikan, Anda dapat mengaktifkan langsung dalam skrip, di mana tombol ukuran sebenarnya dihidupkan.
Dalam aplikasi skrip yang biasa fitur ini Hanya membawa kerusakan, dimungkinkan untuk menggunakannya hanya dalam situasi yang sangat putus asa.

Catatan, tiga tautan kosong, yaitu, mereka merujuk pada gambar besar, tetapi tidak ada antara tag, dan satu tautan diisi dengan gambar.
Akibatnya, hanya satu gambar yang terlihat di browser, ketika Anda mengkliknya, itu membuka gambar yang bagus dan semua gambar dari tautan kosong diperketat dan Anda dapat membalik.
Dan di sini, lihat, di tautan ada dua gambar yang sama(disorot dalam warna merah) dan ketika berdaun, Anda akan melihat dua gambar yang identik.
Jika dalam contoh konkret, nyalakan penghapusan ganda, maka tidak akan ada gambar duplikat.

Tentu saja, seharusnya tidak ada situasi seperti itu, mengapa memakai dua gambar yang identik, dan kemudian hapus. Tetapi anehnya, saya mengalami situasi seperti itu, gambar duplikat harus output di satu toko online (ada kelicikan menggantikan gambar melalui skrip), dan ketika melihat melalui lightbox, gambar duplikat tampak sangat salah. Yang berguna untuk menghilangkan ganda.

Komentar

11.12.2014 Victor.
Script sangat baik. Dengan bantuan data-judul, Anda bahkan dapat menggambarkan gambar. Tetapi saya punya masalah, saya berada di halaman berdiri skrip yang mengedepankan unit di samping ketika skrip ini terhubung, itu menghilang. Dan itu menghilang jika skrip JS terhubung. Saya berpikir karena versi konflik bukan karena mereka.

05/23/2015 Victor.
Saya tidak bekerja kapan
href \u003d "http://ikk.secrieru.ru/products/gallery/000039.jpg?ver\u003d20150523142822"
Ini memiliki jenis yang seperti itu. Tanpa? Ver \u003d 20150523142822
bekerja

05/25/2015 Kaha.
Terima kasih banyak.

06/29/2015 Andrey.
Terima kasih banyak atas pekerjaan Anda! Semuanya telah mendapatkan hampir pertama kali)

08/26/2015 Alexander.
Saya mencoba analog yang berbeda. Tanpa konflik, ini telah segera terjadi. Meningkat ke asal. Ukuran usus. Jika masih ada mouse untuk mengambil dan memindahkan gambar bidang - umumnya kapet

11/01/2015 Igor.
Halo!
Galeri yang luar biasa. Terima kasih banyak.
Satu-satunya pertanyaan:
Dalam contoh di atas, contoh (3 gambar) gambar ditampilkan looped. Dan dalam versi Lightbox-2.7.1 yang diunduh, fungsi ini tidak berfungsi. Saat melihat gambar terakhir, tombol selanjutnya tidak muncul.
Katakan padaku, tolong, apa alasannya?

11/14/2015 ANTON.

11/15/2015 ANTON.
Pada iOS dan Android menggelapkan layar tidak di seluruh halaman !!! Apa yang bisa menjadi masalah. Di LikeBox biasa - semuanya baik-baik saja!

03/30/2016 ANTON.
Halo!
Apakah mungkin untuk membuatnya sehingga gambar telah dibuka dalam resolusi yang lebih besar?

11/18/2016 YURA.
Terima kasih banyak! Semuanya bekerja dengan sempurna!

05/04/2017 Igor.
Terima kasih banyak atas naskahnya! Sudah lama, saya sedang mencari sesuatu yang serupa dan mudah dipasang.
Hanya untuk beberapa alasan saya memiliki prasasti yang tidak dapat dipahami muncul dalam gambar. · РѕР ° ° ° · 8

Mungkin di suatu tempat Anda perlu memperbaiki pengkodean?

09/12/2017 Barsuk.
Di mana Anda sebelumnya! Saya menghabiskan sepanjang hari untuk mengencangkan penghapusan ganda))

Aku hanya punya halaman Utama Prejuganan dari citra utama, dan dia berada di bagian bawah ada kurang dari yang berlaku tambahan, karena ini, duplica muncul dan di galeri.

Sangat menyenangkan bahwa kami memiliki akses ke teknologi web yang semakin banyak dan lebih baru, dengan bantuan yang pekerjaan kami akan jauh lebih mudah. Modal Windows - elemen fungsional. Untuk menampilkan semua jenis HTML -Contamen, yang berfokus pada membuat desain dan antarmuka yang nyaman.

Dalam ulasan ini, kami telah mengumpulkan daftar Perpustakaan JQuery dan Script untuk membuat Lightbox, yang akan membantu pengembang dan desainer untuk menciptakan situs web yang lebih baik dan profesional.

Anda dapat dengan mudah menambahkan skrip di bawah ke situs Anda. Oleh karena itu, tanpa prefnaces lebih lanjut, mari kita pergi ke topik dan pertimbangkan bodok-bobrok super jquery-boots ini, yang dapat Anda isi kembali persenjataan Anda.

1. Photoswipe.

Photoswipe adalah galeri foto HTML pada berbasis CSS Dan javascript-berorientasi pada perangkat seluler. Para penulis dalam pengembangannya mengambil sebagai sampel layanan melihat gambar untuk perangkat iOS dan Google Mobile. Photoswipe memiliki akrab dan intuitif antarmuka yang dapat dimengerti.Apa yang membuatnya lebih mudah untuk bekerja dengan gambar di situs seluler.

Semua fungsi utama didukung: Pergi ke gambar berikutnya atau sebelumnya, meningkatkan, menyeret, mengurangi atau menutup dan lainnya.

2. Kotak Swipipe.

Swipbox - jQuery -Plagin untuk komputer stasioner, Ponsel Pintar dan Gawai. Itu mendukung kontrol sensorik. Untuk perangkat seluler, menavigasi keyboard untuk perangkat desktop, transisi CSS dengan switching cadangan ke kontrol jQuery cukup mudah dikonfigurasi.

Plugin diuji pada Chrome, Safari, Firefox, Opera, Internet Explorer 8 +, iOS4 +, Android, Windows Phone. Diproduksi di bawah lisensi MIT.

3. ILIGHBOX.

iLightBox membuatnya mudah untuk menciptakan adaptif yang sangat indah modal windows.Menggunakan jQuery. Menggabungkan dukungan dari berbagai konten media dengan kulit yang luar biasa dan API yang nyaman, ILightBox berupaya membuat lightbox sesederhana mungkin. IliightBox menyediakan kemampuan untuk melihatnya mode layar penuh, Retina-skins, manajemen sensorik, opsi integrasi YouTube dan Vimeo untuk video HTML5, API JavaScript yang kuat. Plugin ini memiliki dukungan gratis dan pembaruan.

4. Gambar Lightbox.

Image Lightbox adalah plug-in minimalis, dapat dikustomisasi dan dapat disesuaikan di bawah iOS, Android dan Windows Phone. Anda cukup mengunduh gambar berikut menggunakan keyboard berkat penggunaan transformasi dan transisi CSS.

5. Magnific Popup.

Popup Magnific gratis adaptif jquery. Plugin, yang berfokus pada memastikan interaksi terbaik antara pengguna dan perangkat. Untuk sebagian besar lightbox -Plagins, Anda perlu menentukan ukuran jendela menggunakan JS. Dalam magnific popup, Anda dapat menggunakan unit relatif ukuran, seperti mereka atau mengubah ukuran lightbox menggunakan permintaan media CSS.

6. NIVO Lightbox.

Nivo Lightbox adalah lightbox fleksibel -Plagin. Berbagai pilihan ditawarkan untuk dipilih, yang dengannya Anda dapat dengan mudah mengubah tampilan lightbox. Misalnya, ubah topik, efek transisi dan metode navigasi.

7. Lightcase.

Lightcase - Lightbox fleksibel, adaptif dan dapat diperluas - plagin, dirancang dengan menggunakan jQuery. . Ini bekerja dengan baik di semua browser populer, seperti Internet Explorer 7+, Firefox, Opera, WebKit, dan lainnya. Plugin mendukung foto, video, HTML5-video, IFRAME, SWF dan AJAX.

8. Lightlayer.js.

Lightlayer adalah skrip untuk mengeluarkan Lightbox Adaptive, ia bekerja dengan baik dengan komponen lain di layar apa pun. Script ini sangat mudah digunakan. Lightlayer menyediakan kontrol atas serangkaian parameter: warna dan opacity latar belakang, lightbox posisi, membuka / menutup transisi dan banyak fungsi khusus lainnya.

9. strip.js.

Strip adalah lightbox, yang hanya terungkap pada bagian halaman. Ini membuatnya kurang obsesif dan memungkinkan Anda berinteraksi dengan elemen lain dari halaman di layar besar; Pada perangkat seluler Lightbox memiliki tampilan klasik. Strip menggunakan jQuery dan didukung di semua browser utama.

10. FluidBox.

Fluidbox adalah plugin jQuery yang dirancang untuk mengimplementasikan lightbox yang tidak mengganggu, yang ideal untuk gambar dengan resolusi besar. Ini berfungsi dengan baik pada perangkat seluler, dan juga dapat diterapkan pada layar dengan lebih banyak resolusi tinggi Untuk output gambar yang indah.

11. Featherlight.

Featherlight - plugin sangat ringan di 400 javascript Lines. , 100 baris css. dan kurang dari 6kb. Cerdas, lightbox adaptif, default mendukung gambar, ajax dan iframe. Anda juga dapat menyesuaikannya dengan tugas Anda. Lampu bulu bekerja di IE8 +, semua browser modern dan platform seluler.

12. YALB.

Yalb didekripsi sebagai lightbox lain ( Lagi. Lightbox) - tetapi tidak. Yalb hadir dengan serangkaian antarmuka yang besar termasuk acara pengguna yang memungkinkan untuk menentukan kondisinya ( buka, ditutup).