Artikel ini mengandungi jQuery terbaik Pemalam peti cahaya yang akan membantu anda membuat tapak web yang cantik.

Pemalam jQuery ini digunakan untuk menambah pop timbul pada tapak web anda. Plugin sedemikian sangat alat yang berkuasa untuk mana-mana pereka web dan pembangun, kerana mereka membantu mencapai sangat kesan yang cantik, memberikan laman web biasa rupa yang menakjubkan dan menarik. Untuk menggunakan pemalam jQuery, anda perlukan pengetahuan asas JavaScript dan jQuery. Jika anda tidak tahu asasnya, baca sahaja penerangan pemalam dan ikut arahan.

LightZoom

Saya akan mulakan dengan pemalam yang saya tulis - . Anda boleh melihat cara pemalam berfungsi dalam artikel ini - semua imej boleh diklik. Matlamat saya semasa membangunkannya adalah untuk membuat peti cahaya ringkas hanya imej, tanpa kesan tayangan slaid, dsb.

Ringan, didayakan sentuhan, dan yang paling penting, pemalam modular yang membolehkan anda mengalih keluar bahagian yang tidak diperlukan yang tidak diperlukan. Ia berfungsi dengan baik dalam pelayar mudah alih. Anda boleh menukar imej dengan leretan jari anda seolah-olah itu aplikasi standard, dengan peralihan yang lancar.

Peti Cahaya untuk Bootstrap

Pada mulanya, pemalam peti cahaya tidak tersedia dalam Bootstrap. membetulkannya. Jika anda menggunakan Bootstrap, adalah disyorkan untuk menggunakan perpustakaan ini. Pemalam ini disepadukan dengan baik dengan Bootstrap.

Strip

Strip ialah pemalam peti cahaya yang unik. Daripada menindih imej, modul peti cahaya meluncur dengan imej dari sisi ke sisi supaya imej tidak menyekat semua kandungan. Strip menyokong kedua-dua imej dan video.

- Ini Pustaka JavaScript untuk mencipta galeri peti cahaya adaptif. Ringan dan serasi dengan versi mudah alih, ia mudah untuk disesuaikan dan digunakan peralihan yang lancar imej dalam CSS3.

Kotak semula

Rebox ialah peti cahaya yang sangat ringan dan pantas untuk kandungan. Terutamanya, sudah tentu, untuk imej. Untuk memulakan pemalam, anda hanya perlu menyambungkan perpustakaan JS dan CSS.

Pemalam peti cahaya yang hebat. Menyokong beberapa jenis animasi, seperti: pudar, elastik, zum dan menatal. Di samping itu, ia juga menyokong jenis lain media termasuk Youtube Embed, video HTML, SWF dan borang input.

Galeri Cahaya

LightGallery ialah pemalam jQuery yang sangat disesuaikan untuk mencipta galeri responsif. Ia mempunyai semua yang anda perlukan: melihat dalam peti cahaya, pertunjukan slaid, zum skrin penuh, pratonton. Selain itu, pengguna yang melihat galeri boleh memuat turun gambar dengan segera.

Tidak seperti beberapa saudaranya dalam industri, ia bukan gabungan untuk memaparkan apa-apa dalam tetingkap pop timbul. Pemalam telah dicipta dan berfungsi hanya untuk tujuan memaparkan imej - kedua-duanya tunggal dan sebagai sebahagian daripada satu set (galeri), tetapi ini tidak menjadikannya kurang menarik.

Pemalam Kotak Cahaya jQuery

Pemalam jQuery LightBox adalah ringkas, elegan, tidak mengganggu, tidak memerlukan penanda tambahan dan digunakan untuk menindih imej pada muka surat ini terima kasih kepada kuasa dan fleksibiliti pemilih jQuery.

Membolehkan anda mencipta kotak dialog V gaya facebook, dalam kes ini adalah mungkin untuk membuat kotak dialog dengan meletakkan di dalamnya teks kosong beberapa elemen, imej, halaman ajax.

Digunakan untuk membuat galeri foto dan memaparkan kandungan lain dalam tetingkap modal yang cantik. Jika anda merancang untuk mempunyai galeri foto di tapak web anda dan meletakkan beberapa kandungan dalam tetingkap modal, maka perhatikan skrip ini.

Agak ringan, boleh mengubah saiz imej agar sesuai dengan saiz tetingkap, dan mudah untuk dikonfigurasikan.

ImageLightbox.js ialah peti cahaya untuk imej sahaja, bukan video, teks dan bingkai pada masa yang sama. Secara lalai tiada pengepala, butang navigasi atau latar belakang.

Ia ialah kotak media UI jQuery yang mampu memaparkan pelbagai jenis kandungan, termasuk imej dan video daripada YouTube dan Vimeo. Terdapat banyak ciri unik termasuk Panorama dan Live Re-size.

jQuery TosRus

jQuery TosRus ialah pemalam jQuery yang mudah dan berfungsi untuk bekerja dengan video dan imej. Skrip boleh bertindak sebagai alat peti cahaya dan peluncur mendatar pada masa yang sama. Kandungan dalam tetingkap modal adalah responsif secara lalai. Disesuaikan untuk peranti sentuh.

- ini adalah salah satu jenis peti cahaya, berdasarkan jQuery, dengan fungsi yang lebih maju daripada yang tradisional. Seperti semua analog, ia mempunyai sekumpulan tetapan untuk mengawal ketelusan latar belakang, kelajuan paparan, kesan, saiz, label, dll.

ialah pemalam jQuery yang direka untuk melaksanakan peti cahaya responsif yang tidak mengganggu yang sesuai untuk imej resolusi tinggi. Ia berfungsi hebat untuk peranti mudah alih ah, dan juga boleh digunakan pada skrin dengan lebih banyak lagi resolusi tinggi untuk output imej yang cantik.

– pemalam jQuery untuk komputer meja, telefon pintar dan tablet. Dia menyokong kawalan sentuh untuk peranti mudah alih, navigasi papan kekunci untuk peranti desktop, peralihan CSS dengan pensuisan sandaran untuk mengawal JQuery, agak mudah untuk disediakan.

jQuery Superbox

jQuery Superbox menjadikannya sangat mudah untuk mencipta peti cahaya untuk imej, kumpulan imej, halaman luaran, atau kandungan tertentu. Pemalam boleh diakses sepenuhnya dan menerangkan sendiri, dan menggunakan atribut "rel" untuk menjalankan skrip dan atribut "href" untuk menentukan URL imej atau halaman.

— Pemalam peti cahaya jQuery dengan sokongan luas untuk pelbagai format media: termasuk video, Flash / SWF, Ajax, bingkai dan peta. Pemalam ini juga menambah butang rangkaian sosial di bahagian atas, membenarkan penggunanya berkongsinya ke Facebook, Twitter atau Reddit. Selain itu, terdapat tetapan tambahan untuk dilihat yang boleh digunakan dalam kes yang berbeza.

ialah satu lagi pemalam jQuery Lightbox responsif yang sesuai untuk memaparkan imej, iFrames, Google-Maps, Vimeo dan video YouTube. Pemalam mengira lebar maksimum imej pada skrin dan mengekalkan ketinggian berkadar, walaupun ia lebih besar daripada ketinggian tetingkap.

Membolehkan anda membuat pop timbul yang cantik dengan mudah menggunakan jQuery. Anda boleh meningkatkan kandungan media anda secara automatik atau membuat pop timbul tersuai menggunakan API yang berkuasa.

- peti cahaya penyesuaian yang sangat baik. Ia boleh digunakan untuk mencipta galeri yang menakjubkan yang akan kelihatan hebat pada mana-mana skrin.

Popup Magnific mudah digunakan pemalam jQuery peti cahaya tertumpu pada produktiviti. Matlamat utamanya adalah untuk memberikan pengalaman yang selesa pada mana-mana peranti.

Pemalam asas seberat 6 kilobait untuk pembangun berpengalaman dan hanya termasuk yang penting. Jika anda memerlukan kesan peti cahaya, contohnya, untuk sekumpulan imej dalam galeri, anda boleh mendayakan sambungan galeri. Anda juga boleh membangunkan sambungan pemalam anda sendiri untuk digunakan dalam projek anda.

Pemalam yang serupa, tetapi itu sudah lama dahulu. Mari kita lihat pada pemilihan pemalam Peti Cahaya yang paling berkaitan untuk hari ini dan secara ringkas, untuk pemula, pertama-tama izinkan kami mengingatkan anda tentang pemalam tersebut dan untuk keperluan ia.

Memandangkan fakta bahawa gambar dan video adalah perkara yang menjadikan laman web lebih menarik kepada pelawat, kita boleh mengatakan bahawa pengurusan media dalam WordPress adalah trend yang sangat popular. Jika tapak anda mempunyai banyak imej, dan anda mahu kandungan media anda kelihatan semenarik mungkin pada skrin semua peranti, maka anda boleh menggunakan salah satu daripada banyak pemalam peti cahaya untuk WordPress yang ditawarkan.

Apakah kotak cahaya WordPress?

Ringkasnya, jika gambar atau video melompat keluar kepada anda dari kedalaman skrin, meninggalkan seluruh halaman di belakang, maka ini ialah fungsi peti cahaya. Peti cahaya boleh dilaksanakan melalui skrip yang dibina pada JavaScript (jQuery) atau CSS3 untuk memadankan reka bentuk anda secara elegan. Peti cahaya memfokuskan secara khusus pada kandungan visual, menyerlahkannya. Jadi anda boleh mereka bentuk borang kemasukan maklumat, surat berita, slaid dan banyak lagi dengan cara ini. Jika anda mempunyai blog foto, maka anda sedang membaca siaran yang betul.

Mengapa anda memerlukan pemalam Lightbox?

• Anda mahu pelawat kekal pada halaman yang sama dan bukannya mengubah hala mereka ke tab baru, jika mereka mahu melihat video atau gambar.
• Anda ingin mendorong peningkatan penglibatan pengguna menggunakan elemen sosial.
• Dengan cara ini, anda boleh memudahkan untuk bekerja dengan tapak yang dimuatkan dengan elemen media berat.
• Cara yang baik untuk meningkatkan penukaran tapak web.

Baik Pembangun WordPress boleh membuat pop timbul tersuai dengan mudah, tetapi terdapat cara lain untuk menambah kesan peti cahaya pada tapak anda, dan sudah tentu yang terbaik ialah pemalam. Dan kami memilih yang paling banyak sambungan terbaik daripada beratus-ratus pilihan yang dicadangkan.

- ini adalah salah satu kegemaran saya. Ia menawarkan anda pelbagai pilihan pengurusan media, contohnya, anda bukan sahaja boleh menukar saiz gambar, tetapi juga menukar susun atur butang untuk lebih banyak lagi. navigasi mudah. Jika anda menggunakan Galeri Foo, maka anda sudah biasa dengan FooPluigns. Terima kasih kepada alatan terbina dalam untuk bekerja dengan rangkaian sosial. rangkaian, reka bentuk responsif dan Zeroconf, pemalam ini boleh menjadikan penyemakan imbas Internet lebih menyeronokkan dan lebih mudah.

Anda juga boleh mencuba versi PRO FooBox dan dapatkan akses kepada ciri lanjutan seperti pemautan luaran, HTML dan sokongan iFrame, sejumlah besar skema warna, ikon butang, ikon pemuat dan banyak lagi.

Peti Cahaya Responsif direka terutamanya untuk mencipta peti cahaya responsif yang mesra pengguna. peranti mudah alih. Peti cahaya yang dicipta oleh pemalam ini boleh menukar saiznya mengikut keperluan skrin peranti. Pemalam ini terkenal dengan enam skrip responsif yang berbeza (SwipeBox, prettyPhoto, FancyBox, Nivo Lightbox dan Image Lightbox) yang menambah kesan oklusi pada elemen media anda.

- Ini alternatif yang baik bagi mereka yang mencari pemalam peti cahaya yang lebih ringkas. Pembangun pemalam (Archetyped) memilih untuk tidak merumitkan kehidupan pengguna dan tidak menjemput pengguna untuk memerah otak mereka dalam senarai panjang pilihan penyesuaian. Antara pilihan yang anda akan temui mengubah saiz tingkap peti cahaya, penyesuaian mudah kesan peti cahaya, navigasi papan kekunci melalui imej, dsb.

Anda juga boleh melaksanakan ciri peti cahaya pada siaran atau halaman tertentu. Selain itu, metadata juga dipaparkan bersama-sama dengan fail media.

– satu lagi pemalam percuma yang dioptimumkan untuk peranti mudah alih untuk memaparkan kandungan dengan kesan peti cahaya. Pemalam ini menawarkan anda beberapa ciri unik yang anda tidak akan dapati dalam pesaingnya. Antara ciri unik ini anda akan mendapati fungsi menukar kedudukan maklumat, menjadikan imej besar lebih kecil, memaparkan pautan untuk memuat turun imej, dsb. Pemalam ini dilengkapi dengan lima topik yang berbeza, dan anda boleh menunjukkan kedua-dua imej itu sendiri dan penerangannya dalam peti cahaya. Imej boleh dikumpulkan dan ditunjukkan sebagai tayangan slaid.

Pemalam sedia untuk digunakan serta-merta selepas pemasangan, tetapi anda boleh menukar tetapannya jika mahu. Apa yang anda perlukan untuk bermula dengan sambungan adalah kod pendek yang diprapasang. Anda boleh mendayakan kesan peti cahaya di bahagian komen.

ialah pemalam peti cahaya jQuery super ringan yang mengandungi hanya 400 rentetan JavaScript, 100 baris CSS, dan membebankan halaman anda sebanyak 6 KB sahaja.

WP Featherlight membantu anda mengelakkan semua masalah prestasi tapak yang timbul apabila menggunakan rakan sejawatnya yang lebih berat. Ini dimungkinkan terima kasih kepada perpustakaan jQuery yang telah diprapasang, yang menghapuskan masalah prestasi. Pemalam ini responsif dan juga menyokong imej, AJAX, iFrame, dll.

Lightbox ialah kaedah paling intuitif hari ini untuk memaparkan kandungan media pada tapak WordPress moden. Oleh itu, pemalam peti cahaya yang sangat disesuaikan boleh menjadikan pengalaman tapak anda lebih menyeronokkan dan produktif.

Kesan peti cahaya apabila imej dibuka masuk tetingkap modal, menggelapkan kandungan tetingkap, agak popular di kalangan pentadbir laman web dan blog. Menggunakan kesan ini, anda boleh menumpukan semua perhatian pembaca pada imej tertentu. Untuk mengaktifkan kesan sedemikian, selalunya perlu memasukkan rel="lightbox" atau sesuatu seperti itu ke dalam kod pautan langsung yang menghala ke imej. Kadangkala pemalam atau skrip yang anda gunakan tidak melakukan ini secara automatik dan anda perlu mencari dan menulis semula kod pautan imej secara manual, yang menyusahkan.

Pilihan 1

Agar rel="lightbox" dimasukkan secara automatik ke dalam kod pautan langsung, buka fail functions.php dan tambahkannya:

Add_filter("the_content", "adrellightbox"); function addrellightbox($content) ( global $post; $pattern ="//i"; $replacement = "post_title.""$6>"; $content = preg_replace($pattern, $replacement, $content); return $content ;)

Kod ini mencipta penapis yang menghantar semua pautan yang membawa kepada fail dengan sambungan bmp, gif, jpeg, jpg dan png. Penapis secara automatik menambah rel=”kotak cahaya” pada pautan. Mudah untuk menukar penapis jika anda menambahkan teg lain padanya dan perubahan sedemikian akan berfungsi secara automatik dalam blog.

Pilihan 2

1. Muat turun arkib skrip Lightbox 2, nyahzip dan muat naik ke FTP dalam mana-mana direktori.

2. Buka kod templat wordpress dan tambah pada fail header.php:

Dalam fail footer.php, sebelum teg penutup mesti ada sesuatu seperti ini:

Jika mereka tidak ada sama sekali, tambahkannya. Jika mereka berada di suatu tempat yang jauh dari teg penutup, alihkannya lebih dekat. Di sesetengah Tema WordPress binaan php ini tiada dan skrip tidak berfungsi dengan betul.

Nah, jika anda melakukan semuanya dengan betul, maka apabila menambah fail media seterusnya (parameter mesti ditetapkan pautan ke gambar) secara automatik akan menambah kesan imej pop timbul pada semua imej pada halaman WordPress. Klik pada gambar untuk contoh cara pemalam pop timbul berfungsi dalam WordPress, dan lihat mata anjing yang hebat ini.

Sebelum ini, pemalam itu berada dalam repositori WordPress, tetapi kini ia seolah-olah tidak ada lagi. Tetapi anda boleh memuat turun terus dari tapak web pembangun https://www.23systems.net/wordpress-plugins/lightbox-plus-for-wordpress/

Nah, sekiranya, saya menduplikasinya di tapak saya untuk memuat turunnya, seperti biasa, klik pada pautan dari rangkaian sosial dan mengesyorkan blog.

Muat turun secara percuma

Sekarang anda boleh memuat turun fail yang diperlukan daripada pelayan saya - ia mudah dan percuma. Hanya klik pada mana-mana ikon rangkaian sosial di mana anda, sudah tentu, mempunyai akaun dan meninggalkan mesej pada rangkaian sosial yang dipilih, selepas itu kandungan tersembunyi akan didedahkan kepada anda.

Jika, selepas mengklik pada kunci sosial, kandungan tidak ditunjukkan (ini kadangkala berlaku bergantung pada penyemak imbas), maka terdapat pilihan berikut:

• Cuba rangkaian sosial lain atau log masuk dari pelayar lain
• Tinggalkan halaman untuk menunggu beberapa lama (dalam halaman baru versi penuh Kunci sosial mempunyai pemasa undur, di sudut ia menunjukkan masa yang tinggal sehingga ia dibuka sendiri).
• Pergi ke arkib khas - saya siarkan pautan ke semua fail di sini ()

Petua Berguna: Cara menambah dengan cepat artikel yang berguna ke penanda halaman penyemak imbas anda: hanya tekan pada papan kekunci anda "CTRL + D" dan butang "Selesai", ini berfungsi dalam kebanyakan penyemak imbas, semak sekarang!