7

特定の状況下でFlexslider 2に問題があります。コンテンツスライダーとして使用しています。私が必要としているのは、アニメーションをフェードさせるのではなく SLIDE にして、スライドをループさせることです。ギャラリー タイプのセットアップを表示するために、div コンテンツを含む 3 つのスライドとその中に追加のリストがあります。私が直面している問題は、必要なオプションを設定すると、スライダーが最初に最後のスライドを表示し、次にスライド 2、3、1 の順にスライドすることです。最初のスライドが最初のスライドとして表示されません。 . startAt パラメーターは効果がありません。

以下を使用するようにスライダーを設定すると、すべてが完全に機能します。

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: false
});

次のように設定しても機能します。

$(".flexslider").flexslider({
    animation: "fade",
    animationLoop: true
});

しかし、アニメーションをスライドに設定し、ループを true に設定すると、最後のスライドが最初に再び表示され、スライドが正しい順序で表示されません。これについて私にできることはありますか？アニメーション スライドとループの競合のようです。

動作させるには次のコードが必要ですが、そうではありません:

$(".flexslider").flexslider({
    animation: "slide",
    animationLoop: true
});

コンソール エラーが発生しません。何か案は？

4

2 に答える 2

2

これらの行を jquery から削除します。

methods.uniqueID( slider.slides.first().clone().addClass('clone') ).appendTo(slider.container); methods.uniqueID(slider.slides.last().clone().addClass('clone')).prependTo(slider.container); }

これで問題は解決します。

于 2014-05-01T09:45:59.810 に答える
0

html コードが不足している可能性があります。動作するには次のコードが必要です

    $(window).load(function(){
       $('.flexslider').flexslider({
          animation: "slide",
          animationLoop: true,
          start: function(slider){
         }
       });
    });
于 2013-05-17T12:13:49.753 に答える