slideshow Cycle: seulement AUTOSHOW quelques diapositives spécifiées

Question

J'utilise le plugin Cycle pour mon diaporama: http://jquery.malsup.com/cycle/

Les diapositives commence automatique et utilise une navigation qui obtient tiré avec un vol stationnaire.

Je voudrais que le diaporama ne glisse que dans les diapositives spécifiées, et ne montre que les autres quand ils sont planés dans la navigation.

J'espère que quelqu'un comprend.

Editer: J'ai créé une image. Peut-être que cela rend un peu plus clair ce que j'essaie d'accomplir. http://www.vrds.nl/foto/slide_example.jpg

Answer 1

Tout d'abord, il existe une version 2 du plugin cycle situé ici (https://github.com/malsup/cycle2)

API: http://jquery.malsup.com/cycle2/api/

Pour ce faire, il vous suffit de connecter le cycle après l'événement et quand la diapositive est sur le 3ème pour mettre en pause le diaporama.

$('#mySlideshow').on('cycle-after', function(event, opts) { 
    if (opts.currSlide==2) $('#mySlideshow').cycle('pause'); // pause on 3rd one 
}); 

Pour les survols, vous pouvez simplement leur associer un événement. Si l'on suppose la partie droite sont li éléments (ils peuvent être tout simplement faire une hypothèse ici):

$('li').mouseover(function() { 
    $('#mySlideshow').cycle('goto', $(this).index()); // something like this; 
}); 

Si vous ne souhaitez pas utiliser la deuxième version la plus à la date du plug-in, la logique est exactement la même.