عارض - صورة بسيطة التكبير البرنامج المساعد لفانيليا JS & مسج

يمكنك إجراء بحث سريع والعثور على العشرات من المكتبات لمربعات الصور ، عرض الشرائح ، المعارض ، سمها ما شئت.

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

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

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

ستجد أزرارًا لكل شيء تقريبًا: التدوير ، والتعليقات التوضيحية الإضافية ، والتكبير الكامل بنسبة 1: 1 للحصول على عرض واضح للصور عالية الدقة.

مع بعض خيارات JS عليك أن تقرر كيف ينبغي أن يعمل البرنامج النصي عارض. لا تريد السماح للزوار تكبير الصور؟ ليس هناك أى مشكلة.

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

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

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

سيكون لمطوري الويب يوم عمل مع كل الخيارات في هذا البرنامج النصي المجاني للصور.