3

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

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

4

2 回答 2

1

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

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

我不确定您是否也可以显示“点”类型的分页(如果您的自定义控件容器离幻灯片很远,这可能对可用性很有用,特别是如果它没有显示在使用 .flex-active 类进行幻灯片放映)。

于 2012-11-08T16:57:11.747 回答
1

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

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

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

于 2013-05-22T08:04:53.263 回答