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
});
Était-ce utile?

La solution

Je pense que vous devez:

  1. Faites votre propre fonction personnalisée pour le moment problème de gestion (une fonction JS assez simple fera l'affaire).
  2. Définir la propriété « délai d'attente » dans vos cycles à 0 donc il ne sera pas automatiquement avance.
  3. 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
scroll top