如何添加水平滾動條flexislider2

我使用flexislider2（http://flex.madebymufffin.com/examples/thumbnail-controlnav.html）縮略圖，想知道我們如何添加水平滾動。我試圖在我的網站上使用它（http://109.109.245.194/nkarch/the-work/marlin-lodge-residence-scotland.aspx），縮略圖疊加在其他頂部。如何添加水平滾動條flexislider2

來源

2013-01-06 rumi

您在鏈接的頁面上有很多javascript錯誤。我會糾正這些，事情可能開始工作。 [驗證你的源代碼]（http://goo.gl/Ci8bw） – djthoms

我已驗證源代碼爲有效的html5。現在對滑塊有什麼建議？ – rumi

這對於評論來說太大了，所以在這裏！

修復頁面上的腳本錯誤。如果您在Firefox，Dragonfly on Opera或Google Chrome上使用類似firebug的工具，請檢查該元素並單擊控制檯選項卡。

下面將解決您的問題。確保你明白他們爲什麼會解決你的大部分問題。

<script src="jquery.min.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/modernizr.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/scripts/JScript.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/jquery.mousewheel.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/froogaloop.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/jquery.easing.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/jquery.fitvid.js" type="text/javascript"></script> 
    <script src="jquery.flexslider.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/shBrushCss.js" type="text/javascript"></script> 
    <script src="http://109.109.245.194/nkarch/js/shBrushJScript.js" type="text/javascript"></script>

至於水平滾動條，你將不得不使用CSS來讓它按照你的想法運行。這不是一個腳本問題，這絕對是一個風格問題。你真的可能想考慮使用codaslider。它像flexslider一樣充分響應，但它支持交聯，使您能夠將兩個單獨的滑塊鏈接在一起。因此，您可以使用一個作爲縮略圖的滑塊，根據用戶點擊哪個項目，滑塊會在頁面上其他位置更大的滑塊中更改。我相信你可以在ASP中生成這些標籤（或手動執行）。我是LAMP開發人員，所以對ASP或.NET知之甚少。希望這會給你提供更多的信息，並有助於引導你一點點。

來源

2013-01-08 04:35:23 djthoms

如何添加水平滾動條flexislider2

回答

相關問題