こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

jQuery bxSlider 画像に変更

jQueryのスライダー「bxSlider」矢印画像を追加してテキストを画像に変更したい

===========
コード
===========
<script>
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
pagerCustom: '#bx-pager'
});
});
</script>

===========
html
===========

<ul class="bxslider">
<li><a href=""><img src="http://xxx.com/image/01.png" /></a></li>
<li><a href=""><img src="http://xxx.com/image/02.png /></a></li>
</ul>

===========
表示画面
===========
スライド画像の下に、
PrevNextのテキストリンクがでてきます。


===========
実装したい事
===========
本体サイトの用に
スライド画像の左右に矢印画像を入れたい
PrevNextのテキスト文字を消して●●●の画像に変更したいです。

本体サイト
http://bxslider.com/



jquery.bxslider.cssの97行目辺りを変更してみましたが、変わりません。
カスタマイズをご存知の方がおられましたらご教授ください。

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
left: 10px;
background: url(http://xxx.com/images/pre.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
right: 10px;
background: url(http://xxx.com/images/next.png) no-repeat -43px -32px;
}

投稿日時 - 2013-11-27 11:10:23

QNo.8363786

困ってます

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

英語はさっぱりなのでよくわかりませんが…

このnextSelectorとかって違うのでしょうか?
http://bxslider.com/options

投稿日時 - 2013-11-27 13:45:54

あなたにオススメの質問