bxslider custom pager

 HTML 

<ul class="bxslider">
  <li><img src="/" /></li>
  <li><img src="/" /></li>
  <li><img src="/" /></li>
</ul>

<div id="bx-pager">
  <a data-slide-index="0" href=""><img src="/" /></a>
  <a data-slide-index="1" href=""><img src="/" /></a>
  <a data-slide-index="2" href=""><img src="/" /></a>
</div>

 JS 

$('.bxslider').bxSlider({
  pagerCustom: '#bx-pager'
});

아래는 예시 사진입니다.

https://www.acetopia.net/web/index.do