jquery - 当前图像居中的 flexslider

Question

我正在尝试构建一个 Flexslider 轮播 - 它有多个图像，但当前图像居中，任一侧的下一个/上一个图像都离开屏幕 - 就像这个网站 http://www.ncad.ie/

到目前为止，我已经用一张图片得到了它: http://jsfiddle.net/Y3kx5/

看看其他问题，这个问题声称可以解决它，但我无法让它工作: FlexSlider: Center current image

尝试过其他flexslider JS，例如:

$('.flexslider').flexslider({
animation: "slide",
controlNav: false,
itemWidth: 800,
minItems: 3,
maxItems: 3
});

但是屏幕上有 3 个图像 - 而我只希望当前图像完全显示在屏幕上，而下一个/上一个图像仅在窗口允许的范围内显示。

提前致谢.本。

Answer 1

实际上刚刚解决了它:-)

这是最后的作品: http://jsfiddle.net/Y3kx5/2/

CSS 完成:

.container {overflow: hidden; width: 100%}
.flexslider {max-width: 800px; width: 800px; margin: 0 auto}
.content {background: #f2f2f2; max-width: 800px; display: block; margin: 0 auto}
.flex-viewport {overflow: visible !important}