jQuery FlexSliderプラグインをテキストナビで使用しますか？

Question

私が構築しているサイトで、すばらしいjQueryプラグインFlexSlider（http://flex.madebymufffin.com/）を使用したいと考えています。

このプラグインのデモでは、画像の下にページ区切りのナビゲーション（ドット）が表示されています。私は各スライドを選択するためのテキストナビゲーションでこれを置き換えるために探しています。これにはどんなアイディアもありますか？

Answer 1

問題は、プラグイン独自のドキュメント内に解決されています。これは私がもっと読む必要があるという証明です！

同じ質問がある場合は、APIのmanualControls:参照を使用する必要があります。詳細はちょうどあなたが必要なものをより詳細に行くためにドキュメント（http://flex.madebymufffin.com/）

Answer 2

で見つけることができるテキストナビゲーションと、次のようなHTML有効にするmanualControls: ".flex-control-nav li",です：

<div class="flexslider"> 
    <ul class="slides"> 
    <li> 
     <img src="http://placehold.it/1200x480" /> 
    </li> 
    <li> 
     <img src="http://placehold.it/1200x480" /> 
    </li> 
    <li> 
     <img src="http://placehold.it/1200x480" /> 
    </li> 
    <li> 
     <img src="http://placehold.it/1200x480" /> 
    </li> 
    </ul> 
    <ul class="flex-control-nav"> 
    <li>1</li> 
    <li>2</li> 
    <li>3</li> 
    <li>4</li> 
    </ul> 
</div>