iziModal.js - Plugin jQuery Modal Modal yang Benar-Benar Dinamis

Sebagian besar jendela modal tampaknya mengalihkan perhatian dan mengganggu pengunjung dengan bidang keikutsertaan dan penawaran yang tidak diinginkan. Modals ini sering mengambil alih seluruh halaman, terlihat mengerikan, dan tidak menawarkan cara yang jelas untuk menutup jendela. Untungnya, iziModal.js adalah kebalikannya.

Ini adalah salah satu plugin jendela modal paling ramping yang pernah saya lihat dan membuat saya bersemangat untuk berinteraksi dengan modals lagi.

iziModal.js adalah a Plugin jQuery jadi kamu memang butuh salinan perpustakaan jQuery agar ini bekerja. Tapi itu cukup ringan dan kamu bahkan bisa termasuk perpustakaan secara eksternal dari CDNJS.

Perhatikan plugin ini dilengkapi dengan banyak pilihan yang berbeda. Anda dapat mengirimkan opsi ke gaya ukuran modal, jenis bingkai, dan animasi. Tapi kamu juga bisa membuat fungsi panggilan balik jika pengguna menutup modal atau mengklik pada elemen tertentu.

Kamu dapat menemukan banyak contoh pada CodePen tapi saya sangat suka demo dihosting di beranda iziModal. Secara khusus, periksa opsi embed iframe dimana itu pemutar Vimeo autoplay antri di ibukota.

Desainnya luar biasa dan modalnya benar-benar terasa seperti itu bagian dari antarmuka. Kualitas animasi juga mengesankan, dan semuanya didukung CSS3 & jQuery.

Di halaman plugin utama, Anda juga akan menemukan tabel dokumentasi dengan cuplikan kode untuk setiap demo yang tersedia. Ini dia bit kode terpendek untuk digunakan untuk jendela modal popup.

 $ (dokumen) .on ('klik', '.trigger', fungsi (event) event.preventDefault (); $ ('# modal'). iziModal ('open');); 

Itu iziModal () fungsi memiliki lebih dari 45 opsi berbeda yang dapat diteruskan ke sesuaikan jendela modal. Itu juga punya acara khusus yang dapat fungsi pemicu seperti ketika modal dibuka, ditutup atau masuk layar penuh.

Ini adalah proyek luar biasa besar dan mudah salah satu plugin jendela modal favorit saya dari a desain dan sudut pandang kegunaan.

Untuk mengambil salinan sumbernya, Anda bisa tarik melalui npm atau unduh dari GitHub. Dan jika Anda memiliki saran tentang plugin atau hanya ingin berbagi terima kasih, Anda dapat tweet pencipta Marcelo Dolce @marcelodolce.