0

これを達成する方法を知っている人はいますか: ここで表示できる flexslider プラグインを参照しています: http://flex.madebymufffin.com/

3 Flexslider コンテナ -

$(window).load(function () {
        $('#primary-slider').flexslider({
         animation: 'slide',
         controlNav: false
     });
     $('#secondary-slider').flexslider({
         animation: 'slide',
         slideDirection: "vertical",
         controlNav: false,
         directionNav: false
    });
    $('#tertiary-slider').flexslider({
        animation: 'slide',
        controlNav: false,
        directionNav: false
    });
});

それぞれに 3 つの画像が含まれており、合計 9 つの異なる画像: [1a.jpg、1b.jpg、1c.jpg]、[2a.jpg、2b.jpg、2c.jpg]、[3a.jpg、3b.jpg、3c] .jpg]。

初期化すると、それらはすべて同期され、完璧です。

誰かが理解できることを望んでいる課題は、コンテナのいずれかで次または前の画像をクリック/スワイプすると、他の2つのコンテナで画像が同じように移動することです。したがって、コンテナ 1 で 1a.jpg から 2a.jpg にスワイプすると、コンテナ 2 と 3 で同じことが発生します... 2a.jpg から 2b.jpg に移動し、それぞれ 3 番目のコンテナに移動します。同様に、コンテナのいずれかで後方に移動すると、他の 2 つのコンテナに同じ効果が反映されます。私はこれを考えすぎていると思います.新鮮な目を持った誰かが何をすべきかを正確に知っているでしょう...

どんな助けでも大歓迎です！

城野

4

1 に答える 1

1

これは、プロパティを使用してFlexslider 2で実現できるようになったと思いsyncます。

sync: "",    //{NEW} Selector: Mirror the actions performed on this slider with another slider. Use with care.
于 2012-09-14T19:04:28.223 に答える