شريط مقارنة الصور

حسناً أيها الأصدقاء، توفّر لي أخيراً الوقت للعمل على هذا.
آمل أن لا يزال هناك اهتمام بهذا المكون الإضافي!

يقوم طلب الدمج (PR) بإعادة هيكلة المكون مع الميزات التالية:

  • التكبير والتحريك (عجلة الماوس، القرص، وأزرار التحكم على الصورة)
  • عرض ملء الشاشة
  • فتح الصور الأصلية بالحجم الكامل في صندوق العرض الخفيف
  • تسميات «قبل/بعد» اختيارية مع إمكانية ضبط موقعها
  • تعليق توضيحي اختياري
  • عدة أنماط لمقبض السحب (خط، رفيع، دائري، قابل للسحب) مع إمكانية تخصيص لون المقبض
  • تحرير السلايدات مباشرة في محرر النصوص الغنية أو باستخدام التنسيق الماركداون
  • إمكانية الوصول عبر لوحة المفاتيح (أسهم الحركة لتحريك الفاصل، +/-/0 للتكبير)
  • تقييد من يمكنه إدراج السلايدات حسب المجموعة

تغيّر تنسيق الماركداون باستخدام وسم [wrap]. تم ضمان التوافق مع الإصدارات السابقة.
يتطلب الإصدار 2026.6.0-latest.

يدعم الهواتف المحمولة والاتجاه من اليمين إلى اليسار (RTL). مع ذلك، لست خبيراً في تجربة المستخدم، ولم أتمكن من اختبار الكثير على الهواتف المحمولة أو نظام iOS.

إذا أردت الاختبار بشكل منفصل، يمكنك استخدام:

  • الرابط: https://github.com/arkshine/discourse-image-comparison-slider
  • الفرع: modernize-with-rte
    (أنصح بعدم تحرير السلايدات من الإصدار السابق لتجنب تغيير تنسيق الماركداون)
4 إعجابات