2012-11-06 86 views
3

我正在使用Flexslider,現在正在使用外部控制容器功能 - 所以我可以通過不同的DIV容器中的鏈接控制滑塊。不過,當我翻轉幻燈片時,仍然需要翻轉方向箭頭。我一直無法同時合作。有任何想法嗎?Flexslider - 使用控制容器和方向箭頭導航?

 

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

回答

1

我剛剛有了一個類似的問題,今天發現這個pastie(由Flexslider作者顯然):http://pastie.org/2582577

您需要將controlsContainer改變:「.homeMidTopSection」,以幻燈片容器(文檔中通常是.flexslider)

我不確定是否可以獲得顯示的「點」類型的分頁(如果您的自定義控件容器遠離幻燈片顯示,這可能對可用性有用,特別是如果它不會使用.flex活動類顯示幻燈片放映中的位置)。今天

1

我用這個功能,搜索的時間長了以後......

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

剛剛創建上面的類名和一些CSS定製和完蛋了一個div。我希望它有幫助.....