javascript - 同一页面上具有相同上一个/下一个控制窗格的两个滑块

Question

我正在尝试在同一页面上构建两个滑块，每个滑块都有自己的上一个/下一个控制窗格。

棘手的部分：当用户点击任何一个控制器时，两个滑块都必须在各自的方向上滑动。

我已经阅读了 FlexSlider 的文档，但我不确定它的属性/API 是否可以实现。

有没有人试过这个或知道更好的滑块来完成这项工作？

谢谢。

Answer 1

我设法做到了，毕竟不是那么难。

基本上我使用了这个解决方案：Flex Slider - 如何为两个滑块添加相同的控件，但仅适用于上一个/下一个按钮。

$('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);
                            }
                        });
                    }
                });