Question

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

棘手的部分：当用户点击任何控制器时，两个滑块都必须沿相应的方向滑动。

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

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

感谢。

Answer 1

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

基本上我使用了这个解决方案：Flex Slider - How to add same controls for two sliders但仅适用于上一个/下一个按钮。

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

两个滑块在同一页面上具有相同的上一个/下一个控制面板

1 个答案: