iziModal.js - JQuery Plugin JQuery Modal yang Dinamik

Kebanyakan tingkap modal kelihatan mengganggu dan mengganggu pengunjung dengan bidang opt-in dan tawaran yang tidak diingini. Modal ini sering mengambil alih keseluruhan halaman, kelihatan hebat, dan tidak menawarkan cara yang jelas untuk menutup tetingkap. Syukurlah, iziModal.js adalah sebaliknya.

Ia adalah salah satu plugin tingkap yang paling ramping yang pernah saya lihat dan ia menjadi saya teruja untuk berinteraksi dengan modal sekali lagi.

iziModal.js adalah a plugin jQuery jadi anda perlukan satu salinan perpustakaan jQuery untuk ini berfungsi. Tetapi ia cukup ringan dan anda juga boleh termasuk perpustakaan luaran dari CDNJS.

Perhatikan plugin ini datang dengan banyak pilihan yang berbeza. Anda boleh lulus pilihan gaya saiz modal, jenis bingkai, dan animasi. Tetapi anda juga boleh mewujudkan fungsi panggil balik jika pengguna menutup modal atau klik pada elemen tertentu.

Awak boleh cari banyak contoh pada CodePen tetapi saya sangat suka demo yang dihoskan di laman utama iziModal. Khususnya, periksa pilihan menanam iframe di mana ia ada pemain Vimeo autoplay beratur dalam modal.

Reka bentuk yang luar biasa dan modal benar-benar merasakan seperti itu sebahagian daripada antara muka. Kualiti animasi juga mengagumkan, dan semuanya berkuasa CSS3 & jQuery.

Pada halaman utama plugin, anda juga akan mendapati jadual dokumentasi dengan coretan kod untuk setiap demo yang tersedia. Inilah bit kod terpendek untuk digunakan untuk pop tetingkap modal.

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

The iziModal () fungsi mempunyai lebih daripada 45 pilihan yang berbeza yang boleh diluluskan menyesuaikan tingkap modal. Ia juga mempunyai peristiwa adat itu boleh mencetuskan fungsi seperti apabila modal dibuka, menutup atau pergi skrin penuh.

Ini adalah projek yang luar biasa besar dan mudah dengan salah satu plugin tetingkap modal kegemaran saya dari a reka bentuk dan kebolehgunaan.

Untuk mengambil salinan sumber, anda boleh sama ada tarik melalui npm atau muat turun dari GitHub. Dan jika anda mempunyai cadangan tentang plugin atau hanya ingin berkongsi terima kasih anda boleh tweet pencipta Marcelo Dolce @marcelodolce.