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개가 다 노출됩니다.
신기한게 링크는 먹습니다.
ㅠㅠ 어디를 손봐야할까요??
답변 1
오션 추가할때 앞뒤 옵션 사이에 콤마 빠지지 않았나요?그림들이 펼쳐져서 나오는거는 자바스크립트 오류로 슬라이더 초기화가 안된것 같습니다.
앗! 그거네요. 아. 죽이놈의 노안. 너무감사합니다!
