jQuery Cycle - zwei Animationen in einem Zyklus

Question

Ich machte eine Diashow mit jQuery Cycle, aber ich habe ein Problem mit den Timern. Nach paar Zyklen sind sie verpfuscht. Wie kann ich zwei Zyklusanimationen in einer Funktion und mit einem Timer zusammenführen?

Vielen Dank für jede Hilfe.

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

denke ich, sollten Sie:

1. Machen Sie Ihre eigene Funktion für die Zeit Problem der Handhabung (eine eher einfache JS-Funktion wird den Trick machen).
2. Setzen Sie die "Timeout" -Eigenschaft in Ihren Zyklen auf 0, damit sie nicht automatisch fortschreitet.
3. Verwenden Sie die verfügbaren Befehle „zurück“ und „weiter“ in der benutzerdefinierten Funktion in dieser Form:

---

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

ich den Ansatz in Ihrem Code zu sehen, du musst danken die große Idee, die Sie gerade gab mir tho.