اذهب إلى المحتوى
  • 0

مشكلة في عارض الشرائح slider

Raghad Jamal

السؤال

اعمل على هدا المشروع واستخدم فيه تقنيات html css javascript وارغب ان اقوم بعمل بطاقات بجانب بعضها وتتحرك باستخدام javascript slider ولكن عندما كتبت الكود لم يعمل بالشكل الدي اريد هل يمكن مساعدتي لحل هده المشكلة

test.rar

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

لقد القيت نظرة على الكود الخاص بك ولاحت وجود مشكلة (bug ) في المكتبة التي تستخدمينها  (swiper) حيث ان الـ loop لا يعمل على الجهة اليمنى ولكنه يعمل على الجهة اليسرة، واستطعت تجاوز هذه المشكلة بإضافة شريحة slide جديد بحيث يكون عدد الشرائح هو 6 بدلاً من 5.

لا ادري لماذا تحدث هذه المشكلة ولكن على ما يبدو انه لن يعمل الـ loop بشكل صحيح إذا كان عدد الشرائح الكلي اقل من ضعف عدد الشرائح الظاهرة فمثلاً إذا كان عدد الشرائح الظاهر هو 3 فضعفه هو 6 وإذا كان عدد الشرائح الكلي اقل من 6 في هذه الحالة لن يعمل الـ loop بشكل صحيح.

حيث انه عندما جعلت المكتبة تظهر شريحتين  والتي ضعفها هو 4 وقللت عدد الشرائح لـ 3 ظهرت المشكلة مرة ثانية.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ On 4‏/10‏/2023 at 04:56 قال عمر قره محمد:

لقد القيت نظرة على الكود الخاص بك ولاحت وجود مشكلة (bug ) في المكتبة التي تستخدمينها  (swiper) حيث ان الـ loop لا يعمل على الجهة اليمنى ولكنه يعمل على الجهة اليسرة، واستطعت تجاوز هذه المشكلة بإضافة شريحة slide جديد بحيث يكون عدد الشرائح هو 6 بدلاً من 5.

لا ادري لماذا تحدث هذه المشكلة ولكن على ما يبدو انه لن يعمل الـ loop بشكل صحيح إذا كان عدد الشرائح الكلي اقل من ضعف عدد الشرائح الظاهرة فمثلاً إذا كان عدد الشرائح الظاهر هو 3 فضعفه هو 6 وإذا كان عدد الشرائح الكلي اقل من 6 في هذه الحالة لن يعمل الـ loop بشكل صحيح.

حيث انه عندما جعلت المكتبة تظهر شريحتين  والتي ضعفها هو 4 وقللت عدد الشرائح لـ 3 ظهرت المشكلة مرة ثانية.

شكرا جزيلا

الان ظهرت لي مشاكل اخرى في انا النقاط متلاصقة كتيرا مع الكلام وايضا العنوان لايظهر بالشكل الدي اريد بالرغم من انني اعطيته خصائص في css

s.png

test.rar

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 0
بتاريخ 18 دقائق مضت قال Raghad Jamal:

شكرا جزيلا

الان ظهرت لي مشاكل اخرى في انا النقاط متلاصقة كتيرا مع الكلام وايضا العنوان لايظهر بالشكل الدي اريد بالرغم من انني اعطيته خصائص في css

عليك نقل العنصر الخاص بعرض swiper-pagination خارج الشرائح ووضعه بداخل العنصر الأب الذي يحمل كلاس m لديك.

وسبب المشكلة الأخرى هي أنك لم تقومي بتضمين ملف style.css في ملف index.html عليك تضمينه كالتالي في عنصر head:

    <link rel="stylesheet" href="style.css" />

أيضًا عليك إختيار العنصر بشكل صحيح فإما كتابة:

h2.title

أو 

.title

لاحظي أن الكلاس ملصق باسم العنصر ومعنى ذلك إختيار عنصر h2 الذي يحمل كلاس بنفس الاسم.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...