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;
}

No.1 回答者： fujillin 回答日時： 2013/11/27 13:45

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

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