크롬 bxslider 링크 오류 해결 방법
2020. 4. 9. 15:54ㆍhtml
크롬 bxslider에서 링크가 안되는 오류 방법
bxslider 스크립트 내 아래 소스 추가
touchEnabled : (navigator.maxTouchPoints > 0),
<script>
//bx슬라이드 스크립트
$(document).ready(function(){
var eslider = $('#e_slider');
eslider.bxSlider({
slideWidth: 340,
slideheight: 270,
minSlides: 1,
maxSlides: 3,
slideMargin:39,
infiniteLoop: true,
moveSlides: 2,
auto: true,
autoStart:false,
autoControls: false,
pager: false,
pause: 5000,
preloadImages: 'all',
//링크 오류 관련 추가 touchEnabled
touchEnabled : (navigator.maxTouchPoints > 0),
// Stop and hide controls if less than 3 slides
onSliderLoad:function(){
var total_slide = eslider.getSlideCount();
if(total_slide > 3){
$('.education_slider .bx-controls-direction').show();
eslider.startAuto();
}else{
$('.education_slider .bx-controls-direction').hide();
eslider.stopShow();
}
}
});
}
</script>
https://support.google.com/chrome/thread/2820924?hl=ko
'html' 카테고리의 다른 글
웹폰트 브라우저별 지원 포맷 / 폰트 css (0) | 2020.05.23 |
---|---|
jquery 애니메이션 AOS (0) | 2020.04.02 |
css 애니메이션 효과 (0) | 2020.04.02 |
ccs 폰트 적용 (0) | 2019.12.10 |
html - 제목 태그 (0) | 2019.12.04 |