2017-10-06 3 views
1

스 와이프 설정을 부트 스트랩 4 캐 러셀 (ngb-carousel)에 추가하려고합니다. 하지만 아직 구현되지 않은 것 같습니다. 부트 스트랩 4 회전식 컨베이어에서 스 와이프를 수행하는 다른 방법이 있습니까?부트 스트랩 4 캐 러셀 스 와이프 설정 없음

+0

스 와이프를 통해 회전식 슬라이드 쇼를 트리거하는 옵션을 찾았습니까? – godblessstrawberry

답변

0

나는 똑같은 문제가 있었고, 이것을 할 수있는 TouchSwipe이라는 간단한 jQuery 플러그인을 발견했습니다. 플러그인을 다운로드하고 머리에 연결 한 다음 html 파일의 아래쪽에 다음 코드를 추가하십시오.

<script> 
$(document).ready(function() { 
    //Enable swiping... 
    $(".carousel-inner").swipe({ 
     //Generic swipe handler for all directions 
     swipeLeft:function(event, direction, distance, duration, fingerCount) { 
      $(this).parent().carousel('prev'); 
     }, 
     swipeRight: function() { 
      $(this).parent().carousel('next'); 
     }, 
     //Default is 75px, set to 0 for demo so any distance triggers swipe 
     threshold:0 
    }); 
}); 
</script>