任何滑块改变导航按钮的位置

Question

我正在使用 AnythingSlider ，但我想将其按钮更改为显示在图片的左侧而不是底部。

我相信必须改变<ul>的{​​{1}}我尝试改变不同的位置，但我无法弄清楚如何改变按钮的位置在左侧并垂直显示比如 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文档