css - 任何滑块更改导航按钮的位置

Question

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

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

这是我的 CSS

Answer 1

看看这个演示。它使用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选项的更多信息，请查看 wiki 文档