ينشئ دوارات صور باستخدام التقدم التلقائي الذي يتم تنشيطه بالمرور، ودعم التمرير باللمس، ومؤشرات التقدم المتحركة. يُستخدم عند إنشاء معارض الصور أو واجهات عرض المنتجات أو أي عرض متعدد الصور مع التنقل.
ثبّت مهارة الذكاء الاصطناعي image-carousel بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ainergiz/design-inspirations.
Build smooth image carousels that auto-advance on hover with touch swipe support and animated progress indicators.
| Not hovered | No auto-advance | | Hovered + not paused | Auto-advance every 3s | | Hovered + paused | No auto-advance (resumes after 3s) |
| Context | Active Width | Inactive Width | Height |
ينشئ دوارات صور باستخدام التقدم التلقائي الذي يتم تنشيطه بالمرور، ودعم التمرير باللمس، ومؤشرات التقدم المتحركة. يُستخدم عند إنشاء معارض الصور أو واجهات عرض المنتجات أو أي عرض متعدد الصور مع التنقل. المصدر: ainergiz/design-inspirations.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ainergiz/design-inspirations --skill image-carouselينشئ دوارات صور باستخدام التقدم التلقائي الذي يتم تنشيطه بالمرور، ودعم التمرير باللمس، ومؤشرات التقدم المتحركة. يُستخدم عند إنشاء معارض الصور أو واجهات عرض المنتجات أو أي عرض متعدد الصور مع التنقل. المصدر: ainergiz/design-inspirations.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ainergiz/design-inspirations --skill image-carousel بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ainergiz/design-inspirations