페이지로드시 트위터 부트 스트랩 캐 러셀이 자동 슬라이딩되지 않도록 방지
답변:
또는 부트 스트랩 3.0을 사용하는 경우 예를 들어 data-interval = "false"를 사용하여 사이클링을 중지 할 수 있습니다.
<div id="carousel-example-generic" class="carousel slide" data-interval="false">
다른 유용한 캐 러셀 데이터 속성은 여기에 있습니다-> http://getbootstrap.com/javascript/#carousel-usage
data-interval="false"또한 작동 부트 스트랩 4
사실 이제 문제가 해결되었습니다. 다음과 같이 'carousel'메소드에 'pause'인수를 추가했습니다.
$(document).ready(function() {
$('.carousel').carousel('pause');
});어쨌든,이 솔루션에 대한 팁을 주신 @Yohn에게 감사드립니다.
$(function(){ $("#idName").carousel('pause'); });
이전 / 다음 버튼을 누른 후 자동으로 슬라이드되는 캐 러셀 문제가 해결되었습니다.
$('.carousel').carousel({
pause: true,
interval: false
});당신의 coursel div에 이것을 추가하십시오 :
data-interval="false"다음은 부트 스트랩 캐 러셀의 매개 변수 목록입니다. Interval, pause, wrap :
자세한 내용은 다음 링크를 참조하십시오.
http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp
이것이 당신을 도울 것입니다 :)
참고 : 이것은 추가 도움을위한 것입니다. 캐 러셀이로드되면 기본 동작을 사용자 지정하거나 변경할 수있는 방법을 의미합니다.
나는 당신이 회전 목마에 대한 공식 지침을 확인해야한다고 생각합니다. 저는 위의 답변을 찾지 못했습니다. 부트 스트랩의 여러 버전으로 인해 b4-alpha를 사용 하고 있으며 자동 재생 효과 중지를 원합니다.
$(document).ready({
pause:true,
interval:false
});이 스크립트는 마우스가 해당 페이지 (정확히 회전 목마 영역)에서 나가는 동안 아무런 효과가 없습니다. 공식 정의로 이동하여 다음을 찾으십시오.
캐 러셀 페이지 onmouseover 이벤트가 트리거되면 페이지가 일시 중지되고 해당 페이지에서 마우스를 빼면 다시 재개됩니다.
따라서 페이지를 영구적으로 중지하고 수동으로 회전 하려면을 설정할 수 있습니다 data-interval='false'.
-자동 슬라이드를 중지하려면 data-interval = "false"사용-원형 슬라이드를 중지하려면 data-wrap = "false"사용
...