0

Flexslider を使用してレスポンシブ スライダーを作成しようとしています。私はいくつかの問題を抱えています。私は次の設定をしています:

  $('.portfolio .flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    controlNav: false,
    directionNav: true,
    slideshow: false,
    itemWidth: 490,
    itemMargin: 30,
    minItems: 1,
    move: 1

  });

適用されていないようですanimationLoop: false。右方向のナビゲーション リンクをクリックすると、最初に左に移動し、次に右に移動し、ページをロードすると高さがすべて台無しになることがあります。ここでプレビューを見ることができます。問題を引き起こしている可能性のある考えはありますか?

http://staging.pautlerdesign.com/portfolio/index-test.php

助けてくれてありがとう!

4

1 に答える 1

2

Flexslider 2を使用していますか?

また、一度に複数のアイテムを実際に表示しない場合、カルーセルパラメータ(、、、、、itemWidth)は必要ありません。本当に必要なのは次のとおりです。itemMarginminItemsmaxItemsmove

$('.portfolio .flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    controlNav: false,
    directionNav: true,
    slideshow: false
});

また、section.portfolio-piece .flexsliderul.slidesliの既存のcssを次のように変更する必要がある場合もあります。

section.portfolio-piece .flexslider ul.slides li {
    margin: 0;
}

これにより、問題が解決する場合があります。

于 2012-09-14T17:59:26.740 に答える