swiper2 slidesPerView参数为3,但在只有一张图的情况下,它会重复显示,若改参数为1,又会充满整个容器,这种情况不符合需求,所以想问下有没有办法解决?
那就slider 三张 只有一张有图片咯
slider可以手动添加,一般一行三个,但在仅有一个的情况下,一刷新,页面会显示三个一模一样的出来,现在就是想解决这个,在仅有一个的情况下刷新还是一个,而且宽度不填满整个容器
@smile小吴: 你想要显示一个图片 和有三个slider没冲突把
@亲吻冰封火焰: 该怎么说呢,slidesPerView参数为三,它就会给你凑足三个,不够的话就重复
@smile小吴:<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide"> Slide1</div>
<div class="swiper-slide"> 手动加空的占位,不让自动生成</div>
<div class="swiper-slide"> 手动加空的占位,不让自动生成</div>
</div>
</div>
可以这样吗
@亲吻冰封火焰: 这样没错,问题不是在html里面,在js里面。刚才我问过大佬,解决了
@亲吻冰封火焰: 我那个问题是因为设置了循环导致的,swiper设置循环后,当slide个数小于我们设置的slidesPerView时,会将复制slidesPerView个slides,就出现我们这种情况了。 最简单的解决方式就是,初始化时,把loop设置为false。这种情况下,只有当slide个数大于我们设置的slidesPerView时,左右切换才生效。当然这样的话,到尾页时就不能循环到第一页了
@smile小吴: 打扰了,虽然我没有了解具体需求以及代码,就来搭话,不过这里也太冷清了,论坛要有论坛的亚子
@亲吻冰封火焰: 感谢你的回复,让我不在尴尬
该问题是因为设置了循环导致的,swiper设置循环后,当slide个数小于我们设置的slidesPerView时,会将复制slidesPerView个slides,就出现我们这种情况了。 最简单的解决方式就是,初始化时,把loop设置为false。这种情况下,只有当slide个数大于我们设置的slidesPerView时,左右切换才生效。当然这样的话,到尾页时就不能循环到第一页了