나는 그들의 공식 사이트 에서 Bootstrap 회전 목마를 연구하고 있습니다 . 그들은 mouseenter 이벤트 세트에 회전 목마의 순환을 일시 중지하는 것이 좋습니다 경우 pause에 "hover". 또한 사이클링 속도를 1 초로 변경하고 싶습니다.
$('.carousel').carousel({
pause: "hover",
interval: 1000
})
순환 속도를 1 초로 설정했지만 회전 목마는 여전히 그 위에 마우스를 올려도 멈추지 않습니다. 그래서 내 질문은 다음과 같습니다.
pause에 hover.pause은 hover왜 기본적으로 호버링시 회전 목마가 멈추지 않는 것입니까? 왜 난 사용하는 것이 null위한 pause회전 목마가 기본적으로 가져가에 무난하지 않은 경우?참고 : 이 버그는 firefox 브라우저에서만 나타납니다. 크롬에서는 마우스를 올리면 캐 러셀이 일시 중지됩니다.
이것을 시도해 보셨습니까?
$('#myCarousel').hover(function () {
$(this).carousel('pause');
}, function () {
$(this).carousel('cycle');
});
여기에 표시된대로 : https://github.com/twbs/bootstrap/issues/1048
편집 : https://www.koopensteun.be , 코드 에서 완전히 작동하는 회전 목마를 구현했습니다 .
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img class="width90" src="img/1.jpg" alt="Gratis het goede doel steunen! Hoe kan dat?" width="460" height="345">
</div>
<div class="item">
<img class="width90" src="img/2.jpg" alt="Na aankoop bedanken de webshops op Koop&Steun ons voor de reclame" width="460" height="345">
</div>
<div class="item">
<img class="width90" src="img/3.jpg" alt="Wij storten deze bijdrage door naar jouw favoriete goede doel of vereniging!" width="460" height="345">
</div>
</div>
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다