페이지 로드 시 Twitter 부트스트랩 회전 장치가 자동으로 미끄러지지 않도록 방지

페이지 로드 시 Twitter 부트스트랩 회전 장치가 자동으로 미끄러지지 않도록 방지

그렇다면 다음 또는 이전 버튼을 클릭하지 않는 한 페이지 로드 시 트위터 부트스트랩 회전 장치가 자동으로 미끄러지는 것을 방지할 방법이 있습니까?

감사해요.

또는 Bootstrap 3.0을 사용하는 경우 data-false="false"를 사용하여 사이클링을 중지할 수 있습니다.

<div id="carousel-example-generic" class="carousel slide" data-interval="false">

다른 유용한 회전목마 데이터 속성은 여기에 있습니다 -> http://getbootstrap.com/javascript/ #회전목마 데이터 속성

사실, 그 문제는 이제 해결되었습니다.아래와 같이 'carousel' 메서드에 'pause' 인수를 추가했습니다.

$(document).ready(function() {      
   $('.carousel').carousel('pause');
});

어쨌든, 이 솔루션에 대한 당신의 조언에 대해 @Yohn에게 정말 감사드립니다.

이전/다음 버튼 누름 후 회전목마가 자동으로 미끄러지는 문제가 해결되었습니다.

$('.carousel').carousel({
    pause: true,
    interval: false
});

깃허브 커밋 78b927b

부트스트랩 3세트를 사용하는 경우data-interval="false"회전목마의 HTML 구조에서.

예:

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="false">

• 사용하다data-interval="false"자동 슬라이드를 중지합니다.
• 사용하다data-wrap="false"원형 슬라이드를 멈추다

이것을 코스엘 디브에 추가합니다.

data-interval="false"

다음은 부트스트랩 회전수에 대한 매개 변수 목록입니다.간격, 일시 중지, 줄 바꿈과 같이:

자세한 내용은 다음 링크를 참조하십시오.

http://www.w3schools.com/bootstrap/bootstrap_ref_js_carousel.asp

이것이 당신에게 도움이 되기를 바랍니다 :)

참고: 추가적인 도움이 필요합니다.회전목마가 적재되면 기본 동작을 사용자 지정하거나 변경할 수 있는 방법을 의미합니다.

아마도 당신은 회전목마에 대한 공식 지침을 확인하러 가야 할 것 같습니다. 저는 위에서 답을 찾지 못했습니다. 여러 버전의 부트스트랩 때문에, 저는 b4-alpha를 사용하고 있으며 자동 재생 효과를 중지하기를 원합니다.

$(document).ready({
    pause:true,
    interval:false
});

마우스가 해당 페이지를 떠나는 동안 이 스크립트는 아무 효과가 없습니다. 정확히 회전 영역입니다.공식 정의로 이동하여 다음을 찾습니다.

따라서 마우스 오버 이벤트의 회전목마 페이지가 트리거되면 페이지가 일시 중지되고 마우스가 해당 페이지를 벗어나는 동안 다시 시작됩니다.

따라서 페이지를 영구히 중지하고 수동으로 회전하려면 다음과 같이 설정합니다.data-interval='false'.

--data-slide="false"를 사용하여 자동 슬라이드를 중지합니다. --data-slide="false"를 사용하여 원형 슬라이드를 중지합니다.

...

부트스트랩 4의 경우 회전식 div에서 'data-ride="carousel"을 제거하기만 하면 됩니다.그러면 로드 시 자동 재생이 제거됩니다.

자동 재생을 다시 활성화하려면 Javascript에서 "재생" 호출을 사용해야 합니다.

5하십시오. 부트랩 5.2, 제거그data-bs-ride

https://getbootstrap.com/docs/5.2/components/carousel/ #터치 스위핑 사용 안 함

로 참은 다음과 같습니다.data-bs-interval="false" 5은 Bootstrap 5.2에서더 이상 .

---

5 부스 5.0 추가data-bs-interval="false"

https://getbootstrap.com/docs/5.0/components/carousel/ #터치 스위핑 사용 안 함

언급URL : https://stackoverflow.com/questions/13358499/preventing-twitter-bootstrap-carousel-from-auto-sliding-on-page-load