أداة عرض الشرائح قبل وبعد
Before and After Slider Widget Features for Websites
اعرض التحولات المرئية من خلال مقارنات الصور التفاعلية قبل وبعد. أضف أزواج الصور، والملصقات، والتعليقات، وعناصر التحكم في العرض، والتنقل بين الصور، وعرض ملء الشاشة، والتخصيص في التصميم دون الحاجة إلى كتابة أي كود.
أنشئ أداة شريط التمرير للمقارنة بين "قبل" و"بعد" - إنها مجانية!
قارن بين الصور «قبل» و«بعد»
ضع صورتين مترابطتين في إطار تفاعلي واحد حتى يتمكن الزوار من فهم عملية التحول بسرعة. أضف عناوين URL للصورتين «قبل» و«بعد»، واكتب تسميات واضحة، وأدرج تعليقات توضيحية لصفحات التجديد، أو التجميل، أو الإصلاح، أو التصميم، أو مقارنة المنتجات.
تتضمن عناصر التحكم في الصور:
تحكم في تجربة العرض
اختر طريقة استكشاف الزوار لكل مقارنة. حدّد فاصلًا أفقيًا أو رأسيًا، واضبط موضع الكشف عند البدء، واسمح للزوار بمقارنة الصور من خلال السحب أو النقر أو التمرير، وفقًا للتجربة التي تريدها.
تتضمن عناصر التحكم في العرض ما يلي:
اعرض تحولات متعددة
أنشئ معرضًا صغيرًا للمقارنة عندما لا تكون مجموعة واحدة من الصور كافية. أضف ما يصل إلى ثلاث مجموعات من الصور قبل وبعد، وفعّل التنقل في العرض الدائري ليتمكن الزوار من تصفح مراحل المشروع أو دراسات الحالة أو التعديلات أو نتائج الخدمات.
تتضمن خيارات المعرض ما يلي:
اجعل أشرطة التمرير متوافقة مع تصميم موقعك
قم بتنسيق أداة المقارنة لتتناسب بشكل طبيعي مع موقعك. اضبط العرض ونسبة أبعاد الصورة ودوران الزوايا وحجم الفاصل والألوان والتسميات والتعليقات التوضيحية ووضع ملء الشاشة وظهور الأداة على الأجهزة المحمولة وكود CSS مخصصًا.
تتضمن عناصر التحكم في التنسيق:
