9

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つの画像-現在の画像のみを完全に画面上に表示し、次/前の画像をウィンドウが許す限り表示する必要があります。

よろしくお願いします。

4

2 に答える 2

11

実際にそれを解決したところです:-)

これが最後の作品です： 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}
于 2013-08-21T09:52:28.820 に答える