jQuery 중지 및 시작

Question

jQuery Cycle plugin을 사용하여 이미지 슬라이드 쇼를 만듭니다. 이제 내가하고 싶은 일은 컨테이너 div에 10 개의 이미지가 있다고 가정 해 슬라이드 쇼를 만들고 싶습니다. 이제는 버튼 클릭으로 해당 슬라이드 쇼를 중단하고 시작 버튼을 클릭하여 다시 시작합니다. 내 코드는 다음과 같습니다.

$("#startbtn").click(function() 
{ 
    $("#slideshow").cycle({fx: 'fade', timeout: 500}); 
}); 
$("#stopbtn").click(function() 
{ 
    $("#slideshow").cycle('stop'); 
}); 

슬라이드 쇼를 중지하려면 중지 버튼을 클릭하십시오. 이제 슬라이드 쇼를 다시 시작하려면 시작 버튼을 누르십시오. 이제 재미있는 점은 슬라이드 쇼가 시작되지만 첫 번째 슬라이드, 컨테이너 div의 첫 번째 요소가 전환을 통과하고 슬라이드 쇼가 자동으로 중지된다는 것입니다. 모든 오류.

Answer 1

수동으로 정지를 조정하는 방법은 페이지의 하단에 설명 Jquery Cycle Demo에 가면 시작/설정 :

견적

:

는 슬라이드 쇼

하면 중지 실행중인 슬라이드 쇼를 중단해야 할 때 '중지'문자열을 순환 방법에 전달할 수 있습니다.

$ ('# slideshow'). cycle ('stop'); 당신이 사이클 방법에 문자열 '일시 정지'또는 '다시 시작'을 전달할 수 있습니다 슬라이드 쇼 실행중인를 다시 시작/일시 정지해야하는 경우

는 수동으로 슬라이드 쇼

일시 중지.

$ ('# slideshow'). 사이클 ('일시 중지');

여전히 문제가 발생하면 모든 구성을 jquery.cycle.all.js (또는 축소 된 버전 중 하단) 근처에서 편집 할 수 있습니다. 코드 아래에 :

// override these globally if you like (they are all optional) 
    $.fn.cycle.defaults = { 

하단에 사용자의 필요에 맞게 순환 플러그인을 맞춤 설정할 수 있습니다. 구성 내에서 다음 사항에주의하십시오.

autostop: 0, // true to end slideshow after X transitions (where X == slide 
    count) 
    autostopCount: 0, // number of transitions (optionally used with autostop to 
    define 
    X) 
    manualTrump: true, // causes manual transition to stop an active transition 
    instead of being ignored