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 ドキュメントを参照してください。