jQuery Cycle - 하나의 사이클에서 두 애니메이션

Question

jQuery Cycle로 슬라이드 쇼를 만들었지 만 타이머에 문제가 있습니다. 몇 사이클 후에 그들은 엉망진창입니다. 어떻게 하나의 함수와 하나의 타이머로 두 개의 사이클 애니메이션을 병합 할 수 있습니까?

도움 주셔서 감사합니다.

는 XHTML은 :

<div id="slideshow"> 
    <ul> 
    <li> 
     <div class="image"><img src="test.jpg" /></div> 
     <div class="description">Some text goes here</div> 
    </li> 
    <li> 
     <div class="image"><img src="test.jpg" /></div> 
     <div class="description">Some text goes here</div> 
    </li> 
    <li> 
     <div class="image"><img src="test.jpg" /></div> 
     <div class="description">Some text goes here</div> 
    </li> 
    </ul> 
</div> 

jQuery를 :

var img = $(this).find('#slideshow div.image'); 
var desc = $(this).find('#slideshow div.description'); 
$('#slideshow ul').cycle({ 
    fx: 'scrollHorz', 
    speed: 'fast', 
    timeout: 5000, 
    next: '.next', 
    pause: 1, 
    slideExpr: img 
}); 
$('#slideshow').cycle({ 
    fx: 'scrollVert', 
    speed: 'fast', 
    timeout: 5000, 
    next: '.next', 
    pause: 1, 
    slideExpr: desc 
}); 

Answer 1

난 당신이해야한다고 생각 :

1. 문제를 처리하는 시간을 사용자 정의 기능을 확인하십시오 (다소을 간단한 JS 함수가 트릭을 할 것입니다.)
2. 주기의 "timeout"속성을 0으로 설정하면 자동으로 표시되지 않습니다.
3. 사용 가능한 명령 "이전"이 양식에서 사용자 정의 함수에서 "다음":

난 당신의 코드에서 접근 방식을 참조

---

$('#slideshow').cycle('next'); 

이 돼 그냥 당신을 좋은 아이디어 감사합니다 나에게 tho를 줬다.