Swiper中文论坛

标题: 新手,问一个需求的解决方法 [打印本页]

作者: GuardDZ 时间: 2019-7-9 17:25
标题: 新手,问一个需求的解决方法
      <a class="changeBtn">切换slide</a>
      <div class="swiper-container">
         <div class="swiper-wrapper">
            <div class="swiper-slide">
                  <img class="swiperTheCardImg" src="http://via.placeholder.com/219x210">
            </div>
            <div class="swiper-slide">
                  <img class="swiperTheCardImg" src="http://via.placeholder.com/219x220">
            </div>
            <div class="swiper-slide">
                  <img class="swiperTheCardImg" src="http://via.placeholder.com/219x230">
            </div>
         </div>
      </div>

var mySwiper = new Swiper ('.swiper-container', {
effect:'fade',
      spaceBetween:11,
simulateTouch:false,
onlyExternal:true,
slidesPerView:3,
loop:true,
slidesPerGroup:3,
nextButton:'.changeBtn',
observer: true,
observeParents: true
})

代码如上
需求
1.同时展示3个slide.
2.  切换按钮->切换效果为 fade
3.slide数据长度不定->循环展示

问题是  在同时展示3个slide的情况下,把切换效果改成fade 样式就会乱

作者: GuardDZ 时间: 2019-7-10 08:55
额.那咋办呢?

作者: 殊途 时间: 2019-7-15 14:04
slidesPerView的值给为 'auto'，然后设置每一个slide的宽度就可以了

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)