15 مكتبات Lightbox للحصول على استجابة المحمول

Lightbox هي إحدى الطرق الشائعة ل تراكب الصور على شبكة الإنترنت. عند النقر فوق إحدى الصور ، يطفو Lightbox على شكل من أشكال الرسوم المتحركة ، ويخفف الخلفية حتى ينصب تركيزك على الصورة نفسها. الصورة أكبر حجمًا أيضًا. تتيح لك معظم مكتبات JavaScript Lightbox الشهيرة التي عرفناها لسنوات القيام بذلك بشكل جيد على سطح المكتب ، ولكن ليس كثيرًا على منصات الأجهزة المحمولة.

إهمال هذا ، والحاجة إلى الاستجابة ، ليست فكرة جيدة في الوقت الحاضر ، وهذا هو السبب في هذه المجموعة من 15 مكتبة Lightbox تستجيب يجب.

المزيد عن هونغكيات:

• خلق نافذة مشروط بسهولة مع HTML5 الحوار
• أفضل 10 صور مستجيبة مجانية معرض / عرض الشرائح
• إنشاء والتحكم وتخصيص نافذة مشروط أفضل لموقعك باستخدام Vex
• jQuery معرض الصور والمتزلجون - أفضل من

PhotoSwipe

PhotoSwipe هو إلى حد بعيد بلدي المساعد ligthbox المفضلة. إنه خفيف ، يعمل باللمس ، والأهم من ذلك هو الذي يسمح لي بالتخلي عن بعض الأجزاء غير اللازمة. يتم تشغيله بشكل جيد في متصفحات الجوال. يمكنك التمرير السريع للصور بأصابعك كما تفعل في تطبيق أصلي ، ويمر الانتقال بسلاسة.

• الاعتماد: لا شيء
• دعم المتصفح: IE8 + ، Chrome ، Firefox ، Safari ، Opera ، واثنين من متصفحات المحمول.
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

MagnificPopup

MagnificPopup هو مكون إضافي لبرنامج lightbox ، تم تطويره بواسطة نفس الشخص الذي قدم لنا PhotoSwipe ، Dmitry Semenov. ويأتي في شكل مكون إضافي jQuery / Zepto ، كما أنه يوفر إمكانيات مفقودة في PhotoSwipe مثل دعم محتوى الفيديو والخريطة و Ajax. هذا هو بديل رائع لأولئك الذين يفضلون وجود المزيد من الميزات في متناول اليد.

• الاعتماد: jQuery 1.9.1+ أو Zepto.js
• دعم المتصفح: IE7 (جزئيًا) و IE8 + و Chrome و Firefox و Safari و Opera.
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

SwipeBox

Swipebox هو البرنامج المساعد jQuery مع دعم لفتة اللمس لمنصة المحمول. كما يدعم مقاطع الفيديو من Youtube و Vimeo بصرف النظر عن الصور. Swipebox أيضًا سهل التنفيذ تمامًا ، ويحتوي على عدد قليل من الخيارات لتخصيص سلوكه. أعتقد أن Swipebox هو مكون إضافي رائع لبرنامج lightbox لجافا سكريبت.

• الاعتماد: مسج
• دعم المتصفح: IE9 + و Chrome و Safari و Firefox و Opera و IOS4 + و Android و Windows Phone.
• رخصة: غير محدد

iLightbox

iLighbox عبارة عن مكوّن إضافي لمصباح jQuery مع دعم واسع النطاق لأنواع الوسائط: بما في ذلك مقاطع الفيديو و Flash / SWF ومحتوى Ajax والإطار iframe والخرائط. يضيف هذا المكون الإضافي أيضًا أزرار وسائط التواصل الاجتماعي أعلى الوسائط ، مما يسمح للمستخدمين بمشاركتها في Facebook أو Twitter أو Reddit. راجع أيضًا القسم المتقدم لترى كيف يمكن تطبيق iLightbox في سيناريوهات مختلفة.

• الاعتماد: مسج
• دعم المتصفح: IE7 + و Chrome و Firefox و Safari و Opera
• رخصة: غير محدد

Lightbox ل Bootstrap

صندوق مضئ هي واحدة من القطع المفقودة بشكل صارخ من Bootstrap. هذا البرنامج المساعد بإصلاح ذلك. إذا كنت تستخدم Bootstrap ، فإنني أوصي بشدة باستخدام هذه المكتبة. البرنامج المساعد مدمج جيدًا مع قاعدة كود Bootstrap.

• الاعتماد: مسج و Bootstrap مشروط
• دعم المتصفح: IE8 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة جنو

نيفو Lightbox

نيفو Lightbox هو البرنامج المساعد مرن مفضل. يتم تضمين العديد من الخيارات لتغيير المظهر بالطريقة التي تريدها للظهور ، مثل تغيير السمة وتأثير الانتقال وتبديل التنقل.

• الاعتماد: مسج
• دعم المتصفح: IE9 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

ImageLightbox

ImageLightbox هو البرنامج المساعد مفضلتي دون سخام. إنه مصمم خصيصًا للصورة ومن ثم الاسم المعطى - لا يوجد فيديو أو نوع وسائط آخر مدعوم. كما أنه لا يتطلب ترميز HTML دخيل ؛ ال عنصر يكفي. البرنامج المساعد يعمل فقط.

• الاعتماد: مسج
• دعم المتصفح: IE9 + و Chrome و Firefox و Safari و Opera
• رخصة: غير محدد

Lightbox مصغرة

البرنامج المساعد آخر lightbox مع أي من سخام. المكتبة 2 كيلو بايت فقط ، وتعمل فقط مع الصور. إنه المكون الإضافي المثالي إذا قمت بتعيين فقط لأحدث متصفح ولا تحتاج إلى تراكب أنواع الوسائط الأخرى مثل مقاطع الفيديو.

• الاعتماد: لا شيء
• دعم المتصفح: IE10 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

LightCase

Lightcase هو البرنامج المساعد جميل مفضلتي. لأنه يأتي مع العديد من الرسوم المتحركة التي تجعل تفاعل المستخدم ينبض بالحياة ، مثل الخبو والتكبير المرن والتمرير. علاوة على ذلك ، يدعم أيضًا أنواعًا متعددة من الوسائط بما في ذلك Youtube embed ومقاطع فيديو HTML و SWF ونماذج الإدخال. البرنامج المساعد أيضا يعالج وسائل الإعلام بشكل صحيح لا يمكن الوصول إليها أو العثور على الأخطاء

• الاعتماد: مسج
• دعم المتصفح: IE9 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة GPL

Yalb

Yalb لتقف على بعد Lightbox آخر - لكنها ليست كذلك. يأتي Yalb مع عدد قليل من واجهات برمجة التطبيقات بما في ذلك الأحداث المخصصة التي تسمح لك بتحديد حالات صندوق الضوء ، كما هو الحال عندما يكون افتح وعندما يكون أغلق. يأتي Yalb في نسختين ، البرنامج المساعد لـ Vanilla JavaScript و jQuery.

• الاعتماد: لا شيء
• دعم المتصفح: IE9 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

FeatherLight

6 كيلو بايت Featherlight هو البرنامج المساعد العارية للمطور والدهاء يحمل فقط الضروريات. إذا احتجت ، على سبيل المثال ، إلى تجميع صندوق الصور في معرض ، يمكنك تضمين امتداد المعرض. يمكنك أيضًا تطوير امتدادك الخاص لهذا المكون الإضافي ليناسب احتياجات مشروعك.

• الاعتماد: مسج
• دعم المتصفح: IE8 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

LightLayer

LightLayer هو وسيلة سهلة لاستخدام البرنامج المساعد مفضلتي. يحتوي على عدد قليل من الخيارات ، وأساليب جافا سكريبت المخصصة ، والأحداث المخصصة. البرنامج المساعد يعمل مع الصور ومقاطع الفيديو والخرائط والمحتوى الخارجي. ما هو أكثر يمكن أن نسأل.

• الاعتماد: مسج
• دعم المتصفح: IE9 + و Chrome و Firefox و Safari و Opera
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

LightGallery

LightGallery, البرنامج المساعد آخر lightbox مع الكثير من الميزات المضافة. يأتي مزودًا بأكثر من 20 خيارًا لتخصيص أصغر تفاصيل العلبة الخفيفة.

• الاعتماد: مسج
• دعم المتصفح: IE7 + و Chrome و Firefox و Safari و Opera و iOS و Android و Windows Phone
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

FluidBox

Fluidbox هو البرنامج المساعد صورة مفضلتي مستوحاة من متوسطة. وهو يعمل مع الصور في ظل ظروف مختلفة بما في ذلك الصورة العائمة ، صورة مع مطلق الموضع والصور ذات الحدود والحشو والمعارض. تحقق من كيف تم بناؤه. إذا كنت بحاجة إلى برنامج ووردبريس إضافي ، فهناك برنامج واحد.

• الاعتماد: مسج
• دعم المتصفح: IE9 + ، كروم ، فايرفوكس ، سفاري ، أوبرا
• رخصة: رخصة معهد ماساتشوستس للتكنولوجيا

StripJS

StripJS هو البرنامج المساعد مفضلتي فريدة من نوعها. بدلاً من تراكب الصورة ، يقوم المكون الإضافي بتمرير الصور من الجانب بدلاً من ذلك ، حتى لا يحظر المحتوى بالكامل. StripJS يدعم كل من الصور والفيديو.

• الاعتماد: مسج
• دعم المتصفح: IE7 + و Chrome و Firefox و Safari و Opera و iOS 5+ و Android 3+
• رخصة: رخصة المشاع الإبداعي BY-NC-ND 3.0