任何滑塊變長導航按鈕的位置

Question

我正在使用AnythingSlider，但我想更改其按鈕以顯示在圖像左側而不是底部。

我認爲必須改變<ul>的list-style:none;我嘗試在不同的位置發生變化，但我無法弄清楚如何改變按鈕是在左邊的位置和垂直顯示，像this。

Here is my CSS

Answer 1

退房this demo。它使用appendControlsTo選項完全移動滑塊控件。你將不得不添加你自己的CSS樣式（參見演示）。

$('#slider').anythingSlider({ 
    // A HTML element (jQuery Object, selector or HTMLNode) to which 
    // the controls will be appended, if not null 
    appendControlsTo: $('#nav'), 

    // Go to https://github.com/ProLoser/AnythingSlider/wiki/Navigation-options#wiki-navigationformatter 
    // for details on how to set up this navigationFormatter option 
    navigationFormatter: function(index, panel) { 
     // This is the default format (show just the panel index number) 
     return "" + index; 
    } 
});​ 

有關appendControlsTo option的更多信息，請查閱wiki文檔