jquery fade puis rediriger

Question

D'accord, je vais peut-être un peu me déconnecter de la caféine atm pour me débrouiller seul, mais j'essaie de comprendre comment rediriger les visiteurs vers une page après que l'image splash ait disparu.

$(document).ready(
function 
() 
{$('.wrapper a img').hover(
     function() 
     { 
      $(this).stop().animate({ opacity: .4 } , 200); 
      settimeout(function(){window.location = '/blog';}, 200); 
     } 
)}); 

Il ne fonctionne pas et me drving un peu Nutt

Answer 1

.animate vous permet de définir un rappel qui sera appelée lorsque l'animation est terminée:

$(this).stop().animate({ opacity: .4 } , 200, "swing", function() { 
    window.location = '/blog'; 
}); 

Le troisième argument ("swing") est simplement la valeur par défaut pour ce paramètre.

Une autre syntaxe pour la même est

.animate({ opacity: .4 }, { 
    duration: 200, 
    complete: function() { window.location = '/blog'; } 
); 

Enfin, une autre façon est d'utiliser un .promise qui sera terminée lorsque la file d'attente d'animation pour l'élément est vide (ie toutes les animations ont pris fin):

.animate({ opacity: .4 } , 200) 
.promise().done(function() { window.location = '/blog'; });