flexslider - フレックススライダー変更ボタン

Question

とにかく、フレックススライダーの小さなナビゲートボタンをテキストボタンに変更できますか? インターネットのどこにも見つかりません。

Answer 1

画像をナビゲーション ボタンとして使用するには:

.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-left.png') no-repeat;
    width: 40px;
    height: 40px;
}
.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('../path-to-image/flexslider-right.png') no-repeat;
    width: 40px;
    height: 40px;
}

Answer 2

次のように、prevText および nextText プロパティを使用できます (ここでは矢印を使用していますが、任意のテキストに変更できます)。

$('.flexslider').flexslider({
    prevText: "←",
    nextText: "→"
});      

次に、とプロパティを からflexslider.css削除します。background-imagetext-indent.flex-direction-nav a

それが役に立てば幸い。