jQuery Cycle - две анимации за один цикл

Question

Я сделал слайд-шоу с циклом jQuery, но у меня проблема с таймерами. После пары циклов они запутались. Как я могу объединить две анимации цикла в одну функцию и с одним таймером?

Благодарим за помощь.

одной рубрике:

<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. Установите для параметра «тайм-аут» в ваших циклах значение 0, чтобы оно не было автоматическим.
3. Используйте доступные команды «предыдущая» и «следующий» в пользовательской функции в таком виде:

---

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

Я вижу подход в вашем коде, должен поблагодарить вас отличная идея, вам просто дал мне тo.