2013-04-08 4 views
10

フレックススライダのテキストボタンにナビゲートボタンを少し変更することができますか?私はどこでもインターネット上でそれを見つけることができません。フレックススライダの変更ボタン

あなたはこのように(私は矢印を使用していますが、あなたが好きなテキストに変更することができます)、prevTextとnextTextプロパティを使用することができます

答えて

5

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

そして flexslider.cssでから background-imagetext-indentプロパティを削除 .flex-direction-nav a

希望します。

10

ナビゲーションボタンなどの画像を使用するには:

.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; 
} 
関連する問題