idangerous slider样式peek预览prev / next

Posted 2021-04-12

我正在尝试使用iDangerous Slider来展示画廊中的一些图像。我们的想法是查看中心的活动项目，并且prev / next项目应该向左和向右看。

为了更好地理解，我附上了一张图片。

我无法设置某种视口。我希望你能帮助我。

为了便于测试，我设置了一个小提琴：http://jsfiddle.net/rxmkjx1e/3/

编辑

我发现slidesPerView: 2产生了一个非常接近的解决方案。但是，我怎样才能改变prev / next图像可见部分的宽度？

答案

我有一个很好的解决方案

将滑块包装到视口中

<div class="viewport">
[SLIDER]
</div>

一些造型

.viewport {
    display: block;
    width:80%;
    margin-left: 10%;
}

看看小提琴。 http://jsfiddle.net/rxmkjx1e/4/