css - 任何 slider 改变导航按钮的位置

Question

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

我相信必须改变<ul>的 list-style:none;我尝试改变不同的位置，但我无法弄清楚如何将按钮的位置更改为左侧并垂直显示，例如 this .

Here is my CSS

Answer 1

查看 this demo .它使用 appendControlsTo 选项来完全移动 slider 控件。您必须添加自己的 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 文档