Le vol stationnaire de Jquery ne peut avoir d'effet que pendant un certain temps

Question

J'utilise un effet hover de jquery mais aimerais seulement que l'effet dure environ une seconde lorsqu'il est retourné ... c'est-à-dire que l'utilisateur survole l'image, une seconde, puis revient à l'image originale.

$(document).ready(function(){ 
$(function() { 
    $('.rollover').hover(function() { 
     var currentImg = $(this).attr('src'); 
     $(this).attr('src', $(this).attr('hover')); 
     $(this).attr('hover', currentImg); 
    }, function() { 
     var currentImg = $(this).attr('src'); 
     $(this).attr('src', $(this).attr('hover')); 
     $(this).attr('hover', currentImg); 
    }); 
}); 

});

Ceci est le code que j'utilise pour le vol stationnaire standard. Toute aide serait géniale, merci.

Comme une mise à jour, je suis toujours de la difficulté à mettre en œuvre ce code ... J'imagine que la fonction setTimeout devrait être ajouté quelque part ici

}, function() { 
    var currentImg = $(this).attr('src'); 
    $(this).attr('src', $(this).attr('hover')); 
    $(this).attr('hover', currentImg); 
}); 

mais je ne suis pas sûr de savoir comment le mettre en œuvre correctement.

Une aide serait vraiment appréciée, merci.

Answer 1

Vous pouvez effectuer une méthode de rappel setTimeout dans hover pour restaurer l'image originale après une seconde.