Awesome GitHub RepositoriesCarousel Instance Synchronization

Splide is a framework-agnostic TypeScript library for creating accessible, touch-enabled content carousels and image galleries. It provides a dependency-free implementation of sliders that support drag, swipe, and flick interactions across mobile and desktop browsers. The library distinguishes itself through a comprehensive accessibility layer using ARIA roles and screen reader support. It features a responsive breakpoint system that adapts slide dimensions and behavior based on screen width, alongside a plugin system for extending core functionality with custom components and transition effe

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

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