jQuery Cycle - deux animations en un seul cycle
-
11-10-2019 - |
Question
J'ai fait avec diaporama jQuery Cycle, mais j'ai un problème avec les minuteries. Après les cycles de couple, ils sont chambouler. Comment puis-je fusionner deux animations de cycle dans une fonction et une minuterie?
Merci pour toute aide.
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
});
La solution
Je pense que vous devez:
- Faites votre propre fonction personnalisée pour le moment problème de gestion (une fonction JS assez simple fera l'affaire).
- Définir la propriété « délai d'attente » dans vos cycles à 0 donc il ne sera pas automatiquement avance.
- Utilisez les commandes disponibles « prev » et « suivant » dans votre fonction personnalisée sous cette forme:
$('#slideshow').cycle('next');
Je vois l'approche dans votre code, je dois vous remercier de la grande idée que vous venez de me donner tho.
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow