iziModal.js - एक सच में गतिशील मोडल विंडो jQuery प्लगइन

अधिकांश मोडल विंडो लगती हैं ध्यान भंग करना और आगंतुक को नाराज करना साथ में ऑप्ट-इन फ़ील्ड्स तथा अवांछित सौदे. ये मॉडल अक्सर पूरे पृष्ठ पर ले जाते हैं, भयानक लगते हैं, और खिड़की को बंद करने का एक स्पष्ट तरीका प्रदान नहीं करते हैं। शुक्र है, iziModal.js इसके ठीक विपरीत है.

यह सबसे चिकना मोडल विंडो प्लग इन में से एक है जिसे मैंने कभी देखा है और यह मुझे फिर से मॉडल्स के साथ बातचीत करने के लिए उत्साहित करता है.

iziModal.js एक है jQuery प्लगइन तो आपको जरूरत है jQuery पुस्तकालय की एक प्रति इसके लिए काम करना है। पर ये बहुत हल्का और आप भी कर सकते हैं लाइब्रेरी को बाहरी रूप से शामिल करें CDNJS से.

ध्यान दें कि यह प्लगइन के साथ आता है बहुत विभिन्न विकल्पों के. आप विकल्पों में पास कर सकते हैं मोडल आकार, फ्रेम प्रकार और एनीमेशन शैली. लेकिन आप भी कर सकते हैं कॉलबैक फ़ंक्शन बनाएं यदि उपयोगकर्ता एक मोडल बंद करता है या किसी विशिष्ट तत्व पर क्लिक करता है.

तुम खोज सकते हो बहुत सारे उदाहरण कोडपैन पर लेकिन मुझे वास्तव में पसंद है डेमो iziModal के होम पेज पर होस्ट किया गया. विशेष रूप से, बाहर की जाँच करें iframe एम्बेड विकल्प यह कहाँ है एक ऑटोप्ले Vimeo खिलाड़ी मोडल में कतारबद्ध.

डिजाइन शानदार है और मोडल वास्तव में ऐसा लगता है इंटरफ़ेस का हिस्सा. एनीमेशन की गुणवत्ता भी प्रभावशाली है, और यह सभी के साथ संचालित है CSS3 और jQuery.

मुख्य प्लगइन पृष्ठ पर, आप भी पाएंगे कोड स्निपेट्स के साथ प्रलेखन टेबल उपलब्ध डेमो में से प्रत्येक के लिए। यहां बताया गया है कोड की सबसे छोटी बिट एक मोडल विंडो पॉपअप के लिए उपयोग करने के लिए.

 $ (दस्तावेज़) .on ('क्लिक', '.trigger', फंक्शन (इवेंट) event.preventDault (), $ ('# modal'); iziModal ('ओपन');); 

iziModal () समारोह है 45 से अधिक विभिन्न विकल्प में पारित किया जा सकता है मोडल विंडो को कस्टमाइज़ करें. इसमें यह भी है कस्टम ईवेंट कर सकते हैं ट्रिगर कार्य जब कोई मोडल खुलता है, बंद होता है या पूर्ण स्क्रीन पर जाता है.

यह एक अविश्वसनीय रूप से बड़े पैमाने पर परियोजना है और यह आसानी से एक से मेरे पसंदीदा मोडल विंडो प्लगइन्स में से एक है डिजाइन और प्रयोज्य दृष्टिकोण.

स्रोत की एक प्रति हड़पने के लिए, आप या तो कर सकते हैं npm के माध्यम से इसे खींचो या GitHub से डाउनलोड करें. और अगर आपके पास प्लगइन के बारे में सुझाव हैं या आप अपना धन्यवाद साझा करना चाहते हैं तो आप निर्माता मार्सेलो डोल्से @marcelodolce को ट्वीट कर सकते हैं.