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

【问题标题】：Flexslider - using control container and directional arrow navigation?Flexslider - 使用控制容器和方向箭头导航？
【发布时间】：2012-11-06 18:26:59
【问题描述】：

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

$(窗口).load(函数(){ $('.flexslider').flexslider({ 动画：“幻灯片”，控制容器：“.homeMidTopSection”，控制导航：真，方向导航：真， manualControls: ".blockContent a", 开始：功能（滑块）{ $('body').removeClass('loading'); } }); });

【问题讨论】：

标签： flexslider

【解决方案1】：

我今天遇到了类似的问题，发现了这个馅饼（显然是 Flexslider 作者的）：http://pastie.org/2582577

您需要将您的 controlsContainer: ".homeMidTopSection" 更改为幻灯片容器（在文档中通常为 .flexslider）

我不确定您是否也可以显示“点”类型的分页（如果您的自定义控件容器远离幻灯片，尤其是如果它不显示使用 .flex-active 类在幻灯片放映中的位置）。

【讨论】：

【解决方案2】：

今天用了这个功能，找了好久……

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

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

【讨论】：