Question

我正在使用Flexslider，现在正在使用外部控件容器功能 - 所以我可以通过不同DIV容器中的链接来控制滑块。但是，当我翻转幻灯片时，我仍然需要翻转方向箭头。我无法让两者一起工作。有什么想法吗？


    $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        controlsContainer: ".homeMidTopSection",
        controlNav: true,
        directionNav: true,
        manualControls: ".blockContent a",
        start: function(slider){
          $('body').removeClass('loading');
        }
      });
    });

Answer 1

我今天遇到了类似的问题并且发现了这个贴纸（显然是由Flexslider作者发现的）：http://pastie.org/2582577

您需要将controlsContainer：“。homeMidTopSection”更改为幻灯片容器（在文档中通常为.flexslider）

我不确定您是否也可以显示'点'类型的分页（如果您的自定义控件容器远离幻灯片显示，这可能对可用性有用，特别是如果它没有显示使用.flex-active类在幻灯片放映中的位置。

Answer 2

今天我使用这个功能，经过长时间的搜索......

$('#first').flexslider({
    animation: "slide",
    slideshow:false,
    controlsContainer:".holder_arrow",
    start: function(slider){
        $('body').removeClass('loading');
    }
});

只需创建一个具有上面类名和一些css自定义的div就可以了。我希望它有所帮助......

Flexslider - 使用控制容器和方向箭头导航？

2 个答案: