2011-11-15 1 views
0

jQuery Cycle 플러그인을 사용하여 "스크램블러"텍스트를 만듭니다. "cycler"div가 변경되지 않는 단일 텍스트 문장으로로드됩니다. 그런 다음 버튼을 클릭하면 텍스트가 (a) 다른 모든 텍스트 문자열을 빠르게 순환하고 (b) 다른 (임의의) 텍스트 문자열에서 1 초 후에 자동으로 중지되어야합니다. 버튼을 다시 클릭하면 효과가 반복되고 매번 다른 텍스트 스 니펫에 놓이게됩니다.클릭시 jquery cycle 슬라이드 쇼 재생 후 지연 후 일시 중지

여기 내 코드입니다. Cycle의 조건에서 "멈추는"것이 슬라이드 쇼의 인스턴스를 파괴하고 쉽게 다시 시작할 수 없기 때문에 나는 autostopautostopcount을 피합니다. 난 그냥 내가 수동으로 문제없이 클릭/일시 정지 각 슬라이드 쇼를 다시 시작하려면 더미 링크를 구성 할 수 있습니다

// Configure cycle slideshow 
    $('#cycler').cycle({ 
     fx: 'none', 
     speed: '1', 
     timeout: '10', 
     random:1, 
    }).cycle('pause'); // Pause the slideshow immediately 

슬라이드 쇼를 일시 중지하고 다시 시작하려는 생각 :

// Toggle slideshow when clicking button 
    $('#cycler-switch').click(function(){ 
     $('#cycler').cycle('toggle'); 
     return false; 
     }); 

을하지만 내가 원하는 이후 자동으로 슬라이드 쇼를 일시 정지 버튼 후 일초를 클릭하고, 나는 다음에 위의 코드를 변경 :

// Play then Pause 
    $('#cycler-switch').click(function(){ 
     $('#cycler').cycle('toggle').delay(1000).cycle('toggle'); 
     return false; 
     }); 

불행하게도이 효과를 가지 슬라이드 쇼를하지 않습니다도 클릭 재생을 시작합니다.

아이디어가 있으십니까? 어떤 이유로 든 .delay() 대신 setTimeout을 사용해야합니까? 감사.

답변

0

는 질문에 대답하지만,

random:1, 

IE가 적합을 던질 것이다 후 쉼표를 제거하는하지!

+0

감사합니다. 좋은 지적입니다. –