معرض المنزلق
هل سئمت شبكات الصور الأساسية أو عروض الشرائح البسيطة؟ يجمع عنصر Gallery Slider بين أفضل ما في العالمين. يتميز بتصميم مقسم أنيق: منطقة معاينة كبيرة وجميلة مقترنة بشريط أو شبكة ملاحية للصور المصغرة. انقر فوق أي صورة مصغرة لتحديث المعاينة الرئيسية على الفور. مثالي للمحافظ ومعارض المنتجات أو عرض أي مجموعة صور بإحساس تفاعلي متميز. مع تخصيص منفصل وعميق لكل جزء على حدة، بدءًا من تحويم الصور المصغرة وحتى معاينة التسميات التوضيحية، يمكنك إنشاء معرض ليس عمليًا فحسب، بل جزءًا لا يُنسى من تجربة موقعك.
تصميم فريد من نوعه ذو تصميم منفصل
هذا ليس دائري قياسي. إنها واجهة معرض مخصصة. اختر موضع المعاينة (يسار أو يمين) وتحكم في عرضه كنسبة مئوية من المساحة الإجمالية. الصور المصغرة تجلس بجانبها بدقة. على الشاشات الصغيرة، استخدم ميزة “Stack on” لتكديس المعاينة والصور المصغرة عموديًا تلقائيًا، مما يضمن رؤية مثالية لكل جهاز. يمنح هذا التخطيط المستخدمين عرضًا واضحًا ومركزًا مع سهولة التنقل.
- التحكم المرن في التخطيط: اضبط المعاينة لتكون النقطة المحورية على اليسار أو اليمين، مع عرض قابل للتعديل (على سبيل المثال، 70%).
- التنقل عبر الصور المصغرة: يمكن للمستخدمين النقر فوق الصور المصغرة لتغيير المعاينة الرئيسية بطريقة بديهية وسريعة.
- التراص المستجيب للجوال: يقوم بتكديس التخطيط تلقائيًا على الجهاز اللوحي والجوال للاستخدام الأمثل للمساحة الرأسية.
تصميم المعاينة، الصور المصغرة
احصل على تصميم متماسك تمامًا من خلال تصميم كل جزء بشكل مستقل. قم بتصميم خلفية منطقة المعاينة وحدودها وظلها. صمم التسميات التوضيحية للمعاينة باستخدام عناصر التحكم الكاملة في الطباعة والحشو والمحاذاة. بعد ذلك، قم بتصميم الصور المصغرة: تحكم في التباعد الرأسي/الأفقي والحدود ونصف قطر الحدود والمحاذاة. أخيرًا، قم بإنشاء تفاعلات جذابة من خلال تصميم تأثيرات Hover منفصلة لكل من المعاينة والصور المصغرة، بما في ذلك المقياس والظل والمرشحات والتراكبات الملونة.
- تصميم المعاينة الكاملة: أضف الخلفيات والارتفاعات المخصصة والظلال إلى منطقة الصورة الرئيسية.
- التحكم في شبكة الصور المصغرة: اضبط المسافات والحدود لإنشاء شبكة صور مصغرة منظمة وأنيقة.
- التعليقات التفاعلية: قم بتعيين تأثيرات التمرير الفريدة للصور المصغرة (المقياس ولون الخلفية والتراكب) ومعاينة التسميات التوضيحية.
الرسوم المتحركة والانتقالات السلسة
اجعل معرض الصور الخاص بك ينبض بالحياة بحركة سلسة واحترافية. يمكن أن تتميز المعاينة الرئيسية بتأثير التحريك والتكبير الدقيق الذي يقدمه كين بيرنز. اختر الاتجاه (عبر، أعلى، أسفل) والموضع. التحكم في سرعة الانتقال بين الشرائح. أضف انتقالات توضيحية أنيقة تتلاشى أو تنزلق. كل تفاعل، بدءًا من تبديل الصور وحتى التحليق على الصور المصغرة، يمكن أن يتمتع بسرعة رسوم متحركة مخصصة وسهولة للحصول على ملمس مصقول ومميز.
- تأثير كين بيرنز: أضف حركة سينمائية بطيئة أو تكبيرًا إلى صورة المعاينة الرئيسية لمزيد من الديناميكية.
- سرعة الانتقال المخصصة: التحكم في مدى سرعة تغير الصورة الرئيسية عند النقر على الصورة المصغرة.
- التفاعلات الدقيقة المحسنة: تعمل التحولات السلسة على الصور المصغرة والتعليقات التوضيحية على تحسين تجربة المستخدم.
ضوابط المعرض المهنية والملاحة
إدارة معرض الصور الخاص بك مثل المحترفين. اختر دقة الصورة لأوقات التحميل المثالية. قم بتمكين التشغيل التلقائي لشريط التمرير أو دع المستخدمين يتنقلون يدويًا. أضف أسهم تنقل أنيقة عبر المعاينة وقم بتخصيص حالات الحجم واللون والتحليق الخاصة بها. تم تصميم كل إعداد ليمنحك التحكم الكامل في الوظائف والجماليات.
- التشغيل التلقائي والحلقات: اضبط المعرض للتنقل بين الصور تلقائيًا وبسرعة قابلة للتعديل.
- أسهم التنقل المخصصة: قم بتصميم الأسهم السابقة/التالية لتتناسب مع تصميم موقعك.
الأسئلة المتداولة لشريط تمرير المعرض
ما هي الميزة الرئيسية لهذا على دائري الصورة القياسي؟
يعرض الرف الدائري القياسي صورة واحدة في كل مرة باستخدام النقاط/الأسهم. يوفر شريط تمرير المعرض هذا واجهة مكونة من لوحتين: معاينة كبيرة ومجموعة مرئية من جميع خيارات الصور المصغرة. يتيح ذلك للمستخدمين رؤية اختياراتهم في لمحة والانتقال مباشرة إلى أي صورة، وهي أكثر كفاءة وسهولة في الاستخدام للمعارض التي تحتوي على أكثر من بضع صور.
هل يمكنني عرض الصور المصغرة في شبكة بدلاً من صف واحد؟
نعم! تتضمن خيارات تصميم الصور المصغرة عناصر تحكم للتباعد الأفقي والرأسي، والتي تعد أساسية لإنشاء شبكة. من خلال ضبط عرض الحاوية وقيم التباعد هذه، يمكنك إنشاء شبكة متعددة الصفوف من الصور المصغرة بجوار المعاينة الخاصة بك.
هل يتم تطبيق تأثير كين بيرنز على جميع الصور؟
عند التمكين، يتم تطبيق تأثير كين بيرنز (تحريك/تكبير بطيء) على صورة المعاينة الرئيسية. فهو ينشئ رسومًا متحركة دقيقة ومستمرة على الصورة النشطة حاليًا، مما يضيف إحساسًا بالحياة والعمق إلى معرض الصور الخاص بك.
كيف يتم تنفيذ ذلك مع العديد من الصور عالية الدقة؟
للحصول على أفضل أداء، استخدم إعداد دقة الصورة بحكمة (على سبيل المثال، “Large” بدلاً من “Full” إذا كان حجم العرض لا يتطلب دقة كاملة). تم تحسين العنصر، ولكن تحميل 20+ صورة بالحجم الكامل سيؤثر دائمًا على سرعة الصفحة. فكر في التحميل البطيء أو تقسيم المعارض الكبيرة جدًا إلى أشرطة تمرير متعددة.
هل يمكنني استخدام هذا لمعرض صور المنتج في متجر عبر الإنترنت؟
قطعاً. إنه خيار ممتاز لصفحات المنتج حيث تحتاج إلى إظهار زوايا أو ألوان أو تفاصيل متعددة. يمكن للمستخدمين النقر فوق الصورة المصغرة لمتغير ألوان مختلف لرؤيتها في المعاينة الرئيسية على الفور. ما عليك سوى ربط زر “Buy Now” الرئيسي بعربة التسوق أو صفحة المنتج.
ماذا يحدث على الهاتف المحمول باستخدام ميزة "التكديس"؟
عند ضبط Stack on على “Tablet & Mobile، قم بتغيير التخطيط الأفقي جنبًا إلى جنب إلى مكدس رأسي. تظهر المعاينة الكبيرة في الأعلى، وتظهر شبكة الصور المصغرة أسفلها. وهذا يضمن بقاء المعاينة كبيرة وقابلة للعرض، ولا يزال من السهل النقر على الصور المصغرة على شاشة تعمل باللمس.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
