اضافه الevent click استخدم الكود ده
swiper.on('click', function (e) {
var np=e.target;
var spv=3; //this.params.slidesPerView-1;
do{
if (np.getAttribute("class").indexOf("news-slider-prev") != -1)
{
while(spv--) this.slidePrev(0, 0);
break;
}
else if (np.getAttribute("class").indexOf("news-slider-next") != -1)
{
while(spv--) this.slideNext(0, 0);
break;
}
}while((np=np.parentNode) != null);
});
في الjson الممرر كوسيط ثاني لانشاء instance من الكائن Swiper استبدل السطر
slidesPerView: 'auto',
بالسظر
slidesPerView: 1,
لعرض slide واحد في الشاشات اصغر من 480px
واستبدل ايضا
breakpoints: {
480: {
spaceBetween: 0,
centeredSlides: true
}
},
بال
breakpoints: {
480: {
slidesPerView: 2,
centeredSlides: true,
spaceBetween: 0
},
800: {
slidesPerView: 3,
centeredSlides: true,
spaceBetween: 0
}
},
لعرض اكتر من slide مع اختلاف حجم الشاشات
في الevent click استبدل السطر
var spv=3; //this.params.slidesPerView-1;
بالسطر
var spv=this.params.slidesPerView-1;