javascript - 上一个/下一个危险的 slider 样式偷看预览

Question

我正在尝试使用 iDangerous Slider 来显示图库中的一些图像。这个想法是在中心查看事件元素，上一个/下一个元素应该向左和向右看。

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

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

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

编辑

我发现 slidesPerView: 2 产生了一个非常接近的解决方案。但是我怎样才能使上一张/下一张图片的可见部分的宽度变化呢？

Answer 1

我有一个很好的解决方案

将 slider 包裹到视口(viewport)中

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

一些样式

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

看看 fiddle 。 http://jsfiddle.net/rxmkjx1e/4/