bxslider에서 이미지 링크를 걸었는데 크롬만 안됩니다. ㅠㅠ

<script src="<?= G5_JS_URL ?>/jquery.bxslider.js"></script>
<link rel="stylesheet" href="<?=G5_CSS_URL?>/jquery.bxslider.css">
<div>

    <ul class="bxslider">
      <li><a href="https://www.000000000.co.kr/bbs/board.php?bo_table=shop2_04" target="_self"><img src="<?=G5_SHOP_IMG_URL?>/banner/main_banner01.gif" /></a></li>
      <li><img src="<?=G5_SHOP_IMG_URL?>/banner/main_banner02.jpg" /></li>
      <li><img src="<?=G5_SHOP_IMG_URL?>/banner/main_banner03.jpg" /></li>
    </ul>

위 링크는 슬라이더 부분입니다.

$('.bxslider').bxSlider({
  auto: true,
  autoControls: true,
  speed:500,
  pause:4000,
  autoHover:true
});

이 소스는 같은 파일에있는 옵션으로 추정됩니다.

구글에서 검색을 했더니 아래 글이 검색되었습니다. 

https://baejangho.com/entry/jQuery-bxSlider-a-tag-link-error-in-chrome

위 블로거의 요지는 옶션부분에...

touchEnabled : (navigator.maxTouchPoints > 0)
이 부분을 추가하라고 해서 추가를 했더니..

슬라이더 이미지들이 회전을 하는게 아니라 쫙펴져서 3개가 다 노출됩니다.

신기한게 링크는 먹습니다.

ㅠㅠ 어디를 손봐야할까요??