iziModal.js - نافذة ديناميكية مشروط المساعد jQuery البرنامج المساعد
يبدو أن معظم نوافذ الوسائط صرف وإزعاج الزائر مع التقيد الحقول و صفقات غير مرغوب فيها. غالبًا ما تستحوذ هذه الوسائط على الصفحة بأكملها ، وتبدو فظيعة ، ولا تقدم طريقة واضحة لإغلاق النافذة. لحسن الحظ, iziModal.js هو العكس تماما.
إنه أحد إضافات نافذة الوسائط الأنيقة التي رأيتها على الإطلاق ، وهذا يجعلني متحمسًا للتفاعل مع الوسائط مرة أخرى.
iziModal.js هو البرنامج المساعد مسج لذلك تحتاج نسخة من مكتبة مسج لهذا العمل. ولكنها خفيفة الوزن جدا ويمكنك حتى تشمل المكتبة خارجيا من CDNJS.
لاحظ هذا البرنامج المساعد يأتي مع كثير من خيارات مختلفة. يمكنك تمرير خيارات ل نمط حجم مشروط ، نوع الإطار ، والرسوم المتحركة. ولكن يمكنك أيضا إنشاء وظائف رد الاتصال إذا قام المستخدم بإغلاق مشروط أو نقر على عنصر معين.
يمكنك إيجاد الكثير من الأمثلة على CodePen ولكن أنا حقا أحب العروض المستضافة على الصفحة الرئيسية لـ iziModal. على وجه التحديد ، تحقق من iframe تضمين الخيار حيث لديها لاعب Vimeo التشغيل التلقائي يصطف في المشروط.
التصميم رائع والمودال يشعر وكأنه حقا جزء من الواجهة. تتميز جودة الرسوم المتحركة بالإعجاب أيضًا ، ويتم تشغيلها جميعًا CSS3 & مسج.
في صفحة البرنامج المساعد الرئيسية ، ستجد أيضًا الجداول الوثائق مع قصاصات التعليمات البرمجية لكل من العروض المتاحة. من هنا أقصر بت رمز لاستخدامها في نافذة منبثقة مشروط.
$ (document) .on ('click'، '.trigger'، function (event) event.preventDefault ()؛ $ ('# modal'). iziModal ('open')؛)؛ ال iziModal () وظيفة لديها أكثر من 45 خيارات مختلفة التي يمكن أن تنتقل إلى ل تخصيص نافذة مشروط. لديها أيضا أحداث مخصصة باستطاعة وظائف الزناد مثل عندما يفتح مشروط ، يغلق أو يذهب ملء الشاشة.
هذا مشروع ضخم بشكل لا يصدق وهو بسهولة أحد الإضافات المفضلة لنافذة الوسائط من أ تصميم وسهولة الاستخدام وجهة نظر.
للاستيلاء على نسخة من المصدر ، يمكنك إما تسحبه من خلال npm أو التحميل من جيثب. وإذا كانت لديك اقتراحات حول المكون الإضافي أو كنت ترغب فقط في مشاركة شكواك ، يمكنك تغريد المنشق Marcelo Dolcemarcelodolce.
