css - flexslider 画像が中央に配置されていません

Question

シンプルな Web ページに「スライド ショー」を組み込む簡単な方法として、javascript/css ベースのflexsliderを使用しています。

ただし、「現在の」画像は flexslider div ボックス内の中央に配置されていません。また、「前の」画像の一部が「現在の」画像の左側にまだ表示されています (問題の例)。

私が間違ってやったことについて何か考えはありますか？

Answer 1

スライダー関数のオプションとして次を追加してみてください。

 $('.flexslider').flexslider({
    animation:"slide",
    controlsContainer: ".flex-container",
    itemWidth: 0,                   //{NEW} Integer: Box-model width of individual carousel items, including horizontal borders and padding.
    itemMargin: 0,                  //{NEW} Integer: Margin between carousel items.
}); 

itemWidth をコンテナの幅、つまり 844px に変更します。

乾杯