当前位置 : 主页 > 手机开发 > 无线 >

mobile – Swiper slide – 显示Airbnb Slider之前/下一张幻灯片的结束/开始?

来源:互联网 收集:自由互联 发布时间:2021-06-10
以上是Airbnb的滑块.有没有办法让 Swiper获得类似的效果? 对于第一张幻灯片,左侧有一个空白区域并开始 下一张幻灯片. 对于中间幻灯片,有上一个和之前的开始和结束 下一张幻灯片 对于
以上是Airbnb的滑块.有没有办法让 Swiper获得类似的效果?

>对于第一张幻灯片,左侧有一个空白区域并开始
下一张幻灯片.
>对于中间幻灯片,有上一个和之前的开始和结束
下一张幻灯片
>对于最后一张幻灯片,左侧上一张幻灯片的右侧和末尾有一个空白区域.

只需使用小数位设置slidesPerView选项,例如:

var swiper = new Swiper('.swiper-container', {
    ...
    // this shows a bit of the previous/next slides
    slidesPerView: 1.1,
    centeredSlides: true,
    spaceBetween: 10,
    ...
});

只要您不将幻灯片设置为循环播放,则第一张和最后一张幻灯片将具有额外的空间而不是另一张幻灯片的一部分.

网友评论