وصف jQuery Lightbox. أفضل ملحقات Lightbox لبرنامج WordPress Lightbox النصي

المكتبة الأكثر شيوعًا هي Lightbox Javascript ، والتي نستخدمها منذ سنوات عديدة على أجهزة سطح المكتب ، ولكن ليس على الأنظمة الأساسية للجوّال.

فيما يلي 14 مكونًا إضافيًا من Lightbox مع دعم الأنظمة الأساسية للجوّال.

PhotoSwipe

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

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

نافذة منبثقة رائعة

Magnific Popup هو ملحق Lightbox إضافي تم تطويره بواسطة نفس مؤلف PhotoSwipe ، Dmitry Semenov. يأتي المكون الإضافي كمكوِّن إضافي jQuery / Zepto ويتضمن أيضًا الدعم الذي يفتقر إليه PhotoSwipe ، مثل دعم الفيديو والخريطة ودعم Ajax. هذا بديل رائع لأولئك الذين يفضلون الحصول على المزيد من الخيارات في متناول اليد.

• المكتبات المطلوبة: JQuery 1.9.1+ أو Zepto.js
• دعم المتصفح: IE7 (جزئيًا).
• رخصة:ترخيص معهد ماساتشوستس للتكنولوجيا

SwipeBox

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

Lightbox لـ Bootstrap

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

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

نيفو لايت بوكس

Nivo Lightbox عبارة عن مكون إضافي لـ lightbox قابل للتخصيص بدرجة كبيرة. تسمح لك الخيارات المختلفة بتغيير المظهر. على سبيل المثال: المظهر ، الرسوم المتحركة للمظهر ، ونوع التنقل.

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

إيماجلايت بوكس

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

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

ميني لايت بوكس

مكوِّن إضافي Lightbox بدون إضافات. تزن المكتبة 2 كيلو بايت فقط وتعمل فقط مع الصور. هذا هو المكون الإضافي المثالي إذا كنت تقوم بالتطوير لأحدث متصفح فقط ولا تحتاج إلى دعم مقاطع الفيديو أو التنسيقات الأخرى.

• المكتبات المطلوبة: رقم
• دعم المتصفح: Internet Explorer 10+ و Chrome و Firefox و Safari و Opera
• رخصة:ترخيص معهد ماساتشوستس للتكنولوجيا

LightCase

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

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

فيذرلايت

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

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

طبقة خفيفة

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

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

معرض الضوء

LightGallery ، مكون إضافي لبرنامج lightbox يحتوي على الكثير من الميزات. يتضمن أكثر من 20 خيارًا لتخصيص التفاصيل المختلفة لتأثيرات العرض المبسط.

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

فلويد بوكس

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

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

StripJS

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

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

Lightbox عبارة عن مكتبة JavaScript صغيرة تُستخدم لعرض الصور الكبيرة أعلى الصفحة الحالية. يتم تثبيته بسهولة ويعمل في جميع المتصفحات الحديثة.

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

تعليمات الاستخدام.

الجزء الأول: ربط المكتبة.

1. قم بتنزيل الأرشيف وفك ضغطه باستخدام النص من هنا

2. في مجلد JS ، ابحث عن الملفات مسج 1.10.2.min.jsو lightbox-2.6.min.jsوانسخها إلى المجلد الذي يحتوي على البرامج النصية الخاصة بك على موقعك.

3. قم بتوصيل هذه البرامج النصية بصفحتك عن طريق الكتابة بين العلامات الأسطر التالية:

4. في مجلد css ، ابحث عن ملف lightbox.css وانسخه إلى مجلد ملفات النمط.

5. قم بتوصيل هذا الملف بصفحتك عن طريق الكتابة بين العلامات الأسطر التالية:

6. من المجلد img ، انسخ الملفات التالية إلى الخادم الخاص بك في المجلد الذي يحتوي على صور تصميم موقع الويب الخاص بك: و next.png... يتم استخدام هذه الملفات في ورقة الأنماط lightbox.css... بشكل افتراضي ، يشير ملف النمط إلى الصور الموجودة في المجلد img ، الذي له نفس الأصل مع مجلد css. إذا كان مجلد الصور ومجلد الأنماط في مجلدات مختلفة تمامًا ، فيجب عليك تغيير المسارات إلى الصور الموجودة في ملف lightbox.css إلى تلك المناسبة.

الجزء الثاني: إدراج الصور على الصفحة.

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

صور مفردة.

نص الرابط 1 نص الرابط 2 نص الرابط 3

* يمكن ملء سمة العنوان حسب الرغبة. إذا كانت ممتلئة ، فسيتم عرض محتوياتها أسفل الصورة المنبثقة.

مجموعة صور.

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

نص الرابط 1 نص الرابط 2 نص الرابط 3

* استخدمت سابقًا السمة rel = "lightbox" للنص البرمجي LiteBox. يمكنك استخدامها الآن ، وستعمل ، ولكن يفضل استخدام السمات الجديدة لأنها توفر المزيد من الاحتمالات.

يبدو أن كل شيء قد تم إنجازه ، كل شيء يجب أن يعمل ، لكن:

إذا قمنا بتكوين مجموعة من الصور من الصور ، فعند عرضها في النافذة المنبثقة ، تتم الإشارة إلى أسفل الصور "الصورة 1 من 8"؟ لكني أود أن أرى شيئًا كهذا "الصورة 1 من 8".

للقيام بذلك ، في ملف lightbox-2.6.min.js في السطر 13 ، تحتاج إلى استبدال هذا:

إرجاع "صورة" + ب + "من" + ج

إرجاع "صورة" + ب + "من" + ج

إرجاع "صورة" + ب + "من" + ج

إرجاع "صورة" + ب + "من" + ج

في المرة الأخيرة التي استخدمت فيها هذا البرنامج النصي ، كنت بحاجة إلى استخدامه مع البرنامج النصي الدائري ، لذلك لاحظت وجود خلل واحد.

يوجد أدناه وصف للخلل وكيفية إصلاحه.

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

لإصلاح خطأ عدم مسح سمة العنوان ، استبدل النص في ملف lightbox-2.6.min.js في السطر 219:

if (typeof this.album.title! == "undefined" amp؛ amp؛ amp؛ amp؛ amp؛ amp؛ this.album.title! == "") (this. lightbox.find (". lb-caption ") .html (this.album.title) .fadeIn (" سريع "))

إذا (نوع هذا الألبوم [هذا. currentImageIndex]. title! == "غير محدد" ؛ أمبير ؛ أمبير ؛ أمبير ؛ أمبير ؛ أمبير ؛ أمبير ؛ هذا. الألبوم [هذا. currentImageIndex]. title! == "") (this. $ lightbox. find (".lb-caption"). html (هذا . الألبوم [هذا. currentImageIndex]. title). fadeIn ("fast"))

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

في النافذة المشروطة ، يتم تكبير الصورة إلى الحجم الأصلي. في الوقت نفسه ، يتلاشى الجزء الآخر من الصفحة (الخلفية) ، "تنطفئ الشاشة". يمنح هذا زوار الموقع الفرصة للنظر إلى الصورة عن قرب دون مغادرة الصفحة. لتأثير Lightbox على موقع WordPress ، يتم استخدام مكتبات JavaScript: jQuery ، MooTools.

Lightbox JS v2.0

• http://lokeshdhakar.com/projects/lightbox2/
• https://github.com/lokesh/lightbox2/

Lightbox JS هو برنامج نصي بسيط وغير مزعج خارج النظام يُستخدم لتراكب الصور على الصفحة الحالية. يعمل على جميع المتصفحات الحديثة. هذا هو أحدث إصدار من Lightbox JS الأولي بواسطة Lokesh Dhakar. تشمل ميزات البرنامج المساعد ما يلي:

• index.html
• Js / jquery-1.7.2.min.js
• شبيبة / lightbox.js
• Css / lightbox.css
• الصور / close.png
• الصور / next.png
• الصور / prev.png
• بالإضافة إلى بعض الملفات للصفحة التجريبية

Lightbox Plus ColorBox

المكوِّن الإضافي Lightbox Plus هو مكون إضافي يطبق طريقة Lokesh Dhakar's Lightbox JS (انظر أعلاه). يُستخدم Lightbox Plus لإنشاء صور تراكب على شاشة صفحة الويب ويضيف تلقائيًا الروابط الصحيحة إلى صورة التراكب. يمكن لـ Lightbox Plus إضافة معارض صور إلى علب WordPress المبسطة ، وعرض عروض شرائح بسيطة ، ومقاطع فيديو ، ونماذج ، ومحتوى خارجي (نصوص) في تراكبات منبثقة. الصفحة الخلفية باهتة مع خلفية داكنة أو فاتحة ، وهو ما يسمى بتأثير "فارغ".

https://github.com/AlekseyKorzun/LightBox-Gone-Wild—onLoad

جمعت هذه المقالة أفضل المكونات الإضافية لـ jQuery Lightbox لمساعدتك في إنشاء مواقع ويب جميلة.

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

LightZoom

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

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

Lightbox لـ Bootstrap

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

شرائط

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

هي مكتبة JavaScript لإنشاء معارض Lightbox سريعة الاستجابة. خفيف الوزن ومتوافق مع الأجهزة المحمولة ، وسهل التخصيص والسلاسة في انتقالات صور CSS3.

ريبوكس

Rebox عبارة عن صندوق عرض خفيف الوزن وسريع للغاية. في الغالب للصور بالطبع. لتهيئة المكون الإضافي ، ما عليك سوى توصيل مكتبة JS و CSS.

لطيفة البرنامج المساعد lightbox. يدعم عدة أنواع من الرسوم المتحركة مثل التلاشي والمرن والتكبير والتمرير. إلى جانب ذلك ، يدعم أيضًا أنواعًا مختلفة من الوسائط بما في ذلك Youtube Embed و HTML video و SWF ونماذج الإدخال.

معرض الضوء

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

على عكس بعض زملائها في ورشة العمل ، فهي ليست مجموعة لعرض أي شيء في نافذة منبثقة. تم إنشاء المكون الإضافي ويعمل فقط لغرض عرض الصور - سواء كانت فردية أو كجزء من مجموعة (معرض) ، لكن هذا لا يجعلها أقل جاذبية.

jQuery Lightbox Plugin

يعد المكون الإضافي jQuery LightBox بسيطًا وأنيقًا وغير مزعج ولا يتطلب أي ترميز إضافي ويستخدم لتراكب الصور على الصفحة الحالية بفضل قوة ومرونة محدد jQuery.

يسمح لك بإنشاء مربعات حوار بأسلوب facebook ، بينما يُسمح بإنشاء مربعات حوار مع وضع نص بسيط لبعض العناصر والصور وصفحات أجاكس فيها.

يعمل على إنشاء معارض صور وعرض محتوى آخر في نوافذ مشروطة جميلة. إذا كنت تخطط لموقع ويب ومعرض صور وتضع بعض المحتوى في نوافذ مشروطة ، فعليك الانتباه إلى هذا البرنامج النصي.

خفيف الوزن للغاية ، يمكنه تغيير حجم الصور لتناسب النافذة ، كما أنه سهل الإعداد.

ImageLightbox.js هو عرض مبسط للصور فقط ، وليس الفيديو والنصوص والإطارات في نفس الوقت. افتراضيًا ، لا توجد رؤوس أو أزرار تنقل أو خلفيات.

إنها jQuery UI mediabox قادرة على عرض العديد من أنواع المحتوى ، بما في ذلك الصور ومقاطع الفيديو من YouTube و Vimeo. هناك العديد من الخصائص الفريدة هنا ، بما في ذلك Panorama و Live Re-size.

مسج TosRus

jQuery TosRus هو ملحق jQuery مناسب وعملي للعمل مع مقاطع الفيديو والصور. يمكن أن يعمل البرنامج النصي كأداة Lightbox ومنزلق أفقي في نفس الوقت. المحتوى في الوسائط يستجيب بشكل افتراضي. تتكيف مع الأجهزة التي تعمل باللمس.

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

هو مكون إضافي لـ jQuery مصمم لتوفير عرض مبسط غير مزعج وسريع الاستجابة ومثالي للصور عالية الدقة. إنه يعمل بشكل رائع على الأجهزة المحمولة ويمكن أيضًا تطبيقه على الشاشات عالية الدقة لعرض الصور بشكل جميل.

- البرنامج المساعد jQuery لأجهزة الكمبيوتر المكتبية والهواتف الذكية والأجهزة اللوحية. وهو يدعم عناصر التحكم باللمس للجوال ، والتنقل بلوحة المفاتيح لأجهزة سطح المكتب ، وانتقالات CSS مع الرجوع إلى عناصر تحكم jQuery ، ومن السهل جدًا إعداده.

مسج سوبر بوكس

يجعل jQuery Superbox من السهل جدًا إنشاء مربعات مبسطة للصور أو مجموعات الصور أو الصفحات الخارجية أو محتوى معين. يمكن الوصول إلى المكوِّن الإضافي بشكل كامل ومباشر ، ويستخدم السمة "rel" لتشغيل النص البرمجي و "href" للإشارة إلى عنوان URL لصورة أو صفحة.

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

هو مكون إضافي jQuery Lightbox سريع الاستجابة مناسب لعرض الصور و iFrames و Google-Maps و Vimeo و YouTube. يحسب المكون الإضافي أقصى عرض للصورة على الشاشة ويحافظ على ارتفاع متناسب ، حتى لو كان أكبر من ارتفاع النافذة.

يتيح لك إنشاء نوافذ منبثقة جميلة بسهولة باستخدام jQuery. يمكنك تحسين محتوى الوسائط تلقائيًا أو إنشاء نوافذ منبثقة من اختيارك باستخدام واجهة برمجة تطبيقات قوية.

هو lightbox سريع الاستجابة. يمكن استخدامه لإنشاء معارض مذهلة تبدو رائعة على أي شاشة.

Magnific Popup هو ملحق jQuery lightbox سهل الاستخدام مع التركيز على الأداء. هدفه الرئيسي هو توفير تجربة سهلة الاستخدام على أي جهاز.

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

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

بفضل مجتمع jQuery ، يوجد عدد كبير من المكونات الإضافية lightbox ، مما يخلق فرصًا رائعة لمصممي الصور. هناك 15 مكونًا إضافيًا مختلفًا يجب الانتباه إليها في برنامجنا التعليمي.

فوق حتى

TopUp هي مكتبة JavaScript سهلة الاستخدام لعرض غير مزعج للصور وصفحات الويب. تتم إدارة المكتبة عبر jQuery و jQuery UI من أجل التوافق والاكتناز عبر المستعرضات.

هايسلايد البرنامج المساعد

Highslide هي أداة مخصصة لعرض الصور والوسائط والمعارض.

صندوق الالوان

مكون إضافي صغير قابل للتكوين لـ jQuery 1.3+.

Lightbox 2 هو برنامج نصي بسيط وغير مزعج يُستخدم لعرض صورة تراكب على الصفحة الحالية. إنه سهل التثبيت ويعمل في جميع المتصفحات الحديثة.

لا يدعم موقع prettyPhoto الصور فحسب ، بل يدعم أيضًا الفيديو والفلاش ويوتيوب وأياكس. Lightbox لملفات الوسائط.

Slimbox 2 عبارة عن استنساخ بحجم 4 كيلوبايت من Light box 2 تم تنفيذه باستخدام jQuery.

Shadowbox هو عارض وسائط قائم على الويب يدعم جميع التنسيقات الشائعة. Shadowbox مكتوب بلغة JavaScript و CSS وهو قابل للتخصيص بدرجة كبيرة.

إصدار Pirobox Extended V.1.0.

تتمثل إحدى مزايا هذا المكون الإضافي في القدرة على فتح أي نوع من الملفات - من المحتوى المضمن إلى ملف .swf ، ومن صورة بسيطة إلى ملف .pdf.

تشمل الميزات الرائعة الأخرى تغيير حجم الصورة تلقائيًا ودعم السحب والإفلات.

يمكن استخدام GreyBox لعرض مواقع الويب والصور والمحتويات الأخرى.

Super Box هو مكون إضافي يعرض النوافذ بتأثير Lightbox.