我正在尋找使用偉大的小jQuery插件FlexSlider(http://flex.madebymufffin.com/)爲我正在建設的網站。使用帶有文本導航的jQuery FlexSlider插件?
該插件的演示顯示了這個工作與圖像下方的分頁導航(點)。我正在用文本導航來替換它來選擇每張幻燈片。對此的任何想法都是posslbe?
我正在尋找使用偉大的小jQuery插件FlexSlider(http://flex.madebymufffin.com/)爲我正在建設的網站。使用帶有文本導航的jQuery FlexSlider插件?
該插件的演示顯示了這個工作與圖像下方的分頁導航(點)。我正在用文本導航來替換它來選擇每張幻燈片。對此的任何想法都是posslbe?
好的,在插件自己的文檔中找到解決方案。這證明我必須閱讀更多!
對於碰巧遇到同樣問題的人,您需要在API中使用manualControls:
參考。更多的細節可以在文檔中找到(http://flex.madebymufffin.com/)
剛進入更詳細的,你需要的是manualControls: ".flex-control-nav li",
,使文本導航這樣的HTML的東西:
<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>
感謝您的額外細節! :) – Sheixt
你好Sheixt,我想用Flexslider完成同樣的事情。這是否解決了你的問題?我嘗試了它,但它不適合我,所以我想知道。謝謝! – davidz
抱歉,通過使用'manualControls'延遲@Davidz:'我能夠正常工作。這篇文章的其他答案(通過@gschervish)就是一個很好的例子。希望這有助於:) – Sheixt
如果你仍然有問題,發佈一個JSFiddle(或類似的),我會盡力幫助:) – Sheixt