فى هذا الدرس سوف يتم شرح كيف استخدام جكويرى فليكس سلايدر فى المواقع التى تستخدم اللغة العربية او اى لغة يكون اتجاه النص من اليمين الى اليسار، فمعظم السلايدرات الانجليزى عند استخدامه فى اللغات من اليمين الى اليسار لاتعمل وذلك بسبب اتجاه المتصفح من اليمين الى اليسار فى حين ان برمجة السلايدر تكون من اليسار الى اليمين. فإذا نظرت الى اى موقع باللغة العربية سوف تجد عند بداية الصفحة عند الوسوم html يكون بداخله اتجاه الصفحة dri=”rtl” مما يؤدى الى حدوث خطأ عند تشغيل السلايدر، وللتغلب على هذه المشكلة سوف نتبع الخطوات التالية.

لكتابة الكود ومشاهدة شرح لسلايدر من هنا jquery flexslider.

flexslider-6168288

1- قم بالذهاب الى صفحة jquery flexslider وقم بتحميله. 2- عند فك الضغط وفتح المجلد سوف تجد ملف باسم jquery.flexslider-min.js قم بعمل نسخه منه وليكن الاسم الجديد لهذا الملف هو jquery.flexslider-rtl-min.js الان قم بفتح الملف سوف تحتاج الى اجراء بعض التعديلات على الملف هو تحويل كل ما هو right الى left والعكس كذلك يمكنك تنزيل النسخة المعربة من الموقع.

3- سوف تجد كذلك فى المجلد ملف باسم flexslider.css قم بنسخه واجعل اسمه flexslider-rtl.css قم بفتح هذا الملف سوف تحتاج الى اجراء تعديل باضافة عند direction عند هذا السطر flex-viewport .