javascript - 同じページに同じ前/次のコントロール ペインがある 2 つのスライダー

Question

同じページに 2 つのスライダーを作成しようとしています。それぞれに独自の前/次のコントロール ペインがあります。

難しい部分: ユーザーがいずれかのコントローラーをクリックすると、両方のスライダーがそれぞれの方向にスライドする必要があります。

FlexSlider のドキュメントを読みましたが、そのプロパティ/API で達成できるかどうかわかりません。

誰かがこれを試したことがありますか、またはこの仕事のためのより良いスライダーを知っていますか?

ありがとう。

Answer 1

なんとかできました、やっぱりそんなに大変じゃなかったです。

基本的に私はこの解決策を使用しました: Flex Slider - 2 つのスライダーに同じコントロールを追加する方法ですが、前/次のボタンのみに適応させます。

$('a.nextButton').click(function() {
                            $('.flexslider').show();
                            var totalSlides = slider.count-1;
                            var currSlide = slider.currentSlide;
                            if (currSlide != totalSlides){
                                var next = currSlide+1;
                                slider.flexAnimate(next);
                            }
                            else{
                                next = 0;
                                slider.flexAnimate(0);
                            }
                        });
$("a.prevButton").click(function(){
                            $('.flexslider').show();
                            var currSlide = slider.currentSlide;
                            if (currSlide !== 0){
                                var prev = currSlide-1;
                                slider.flexAnimate(prev);
                            }
                            else{
                                prev = slider.count - 1;
                                slider.flexAnimate(prev);
                            }
                        });
                    }
                });