外贸建站之jQuery Swiper Slider 断点自适应代码真实案例分享

外贸建站之jQuery Swiper Slider 断点自适应代码真实案例分享

var swiperHProNew = new Swiper('#chinaobd2_com_RelatedSuit', {
  slidesPerView: 3,
  spaceBetween: 10,
  slidesPerGroup: 3,
  breakpoints: {
    992: {
      slidesPerView: 4,
      spaceBetween: 10,
      slidesPerGroup: 4
    },
    768: {
      slidesPerView: 'auto',
      spaceBetween: 10,
      slidesPerGroup: 3
    },
    576: {
      slidesPerView: 'auto',
      spaceBetween: 10,
      slidesPerGroup: 2
    }
  }

swiperslider这个代码跟slick非常类似了，不过网上很多人说slick更稳定，我们在chinaobd2.com上面测试过slick，效果非常好，我们最后决定还是用slick， 这里我们也把swiper的代码分享给大家。