bxsliderでHTMLをスライドさせる際に、オプション指定でサムネイルを表示させることは可能なのでしょうか？

<script type="text/javascript">
$(document).ready(function(){
$(’.bxslider’).bxSlider({
pagerCustom: ’#bx-pager’
});
});
</script>

<ul class="bxslider">
<li><img src="画像.png" alt=""></li>
<li><img src="画像.png" alt=""></li>
</ul>

<div id="bx-pager">
<a data-slide-index="0" href="./"><img src="画像.png" alt=""></a>
<a data-slide-index="1" href="./"><img src="画像.png" alt=""></a>
</div>

現在はこのようなサンプルソースを動かしていますが、liの中にdivを設けて、htmlを書けばいいのでしょうか？