Modification de classes sur une minuterie Jquery

Question

Je crée une bannière d'image avec des liens de survol qui modifient le texte et l'image. Ce que je dois faire est que ceci tourne toutes les 5 secondes à travers les 5 images, mais au passage de la souris, cela mettrait le roation en pause et vous amènerait à l'image que l'utilisateur a sélectionnée. Mon code Mouseover est:

$("#main_nav li").mouseover(function() { 
    $(".navigation_main, .main_info").each (function() { 
     $(this).removeClass("on").addClass("off"); 
            }); 
    $("#"+$(this).attr("id")).removeClass("off").addClass("on"); 
    $("#"+$(this).attr("id")+"_images").removeClass("off").addClass("on"); 
    $("#"+$(this).attr("id")+"_text").removeClass("off").addClass("on"); 
    $("#"+$(this).attr("id")+"_a").removeClass("off").addClass("on"); 
          }); 

Toute aide pour obtenir cette rotation serait super.

Un grand merci

Answer 1

Voici comment le plug-in de cycle pour jQuery le fait:

exemple: http://malsup.com/jquery/cycle/pagerHover.html

si l'option de pause est définie, par incréments de vol stationnaire une variable appelée cyclePause provoquant le diaporama non pour tourner:

if (opts.pause) 
    $cont.hover(function(){this.cyclePause++;},function(){this.cyclePause--;}); 

La pause de cycle est vérifiée plus tard. Si c'est le cas, alors il n'y a pas d'avancement.

case 'pause': 
     cont.cyclePause = 1; 
     return false; 
    case 'resume': 
     cont.cyclePause = 0; 
     if (arg2 === true) { // resume now! 
      options = $(cont).data('cycle.opts'); 
      if (!options) { 
       log('options not found, can not resume'); 
       return false; 
      } 
      if (cont.cycleTimeout) { 
       clearTimeout(cont.cycleTimeout); 
       cont.cycleTimeout = 0; 
      } 
      go(options.elements, options, 1, 1); 
     } 
     return false;