JQuery Survolez un élément aléatoire

Question

Je dois mettre en place une fonction qui survole et "désurvoit" un élément aléatoire dans une classe toutes les 5 secondes. Jusqu'à présent, j'ai le survol qui fonctionne avec ce qui suit :

jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var timer = window.setInterval(function () {$('.graphic-container img').random().mouseover();}, 5000);

Il y a 56 éléments fixes dans la classe, d'où le " * 56"

Pour la vie de moi, je n'arrive pas à comprendre comment faire fonctionner l'événement souris dehors sur cet élément aléatoire ? Cela doit se produire avant que le prochain élément aléatoire soit survolé.

Toute aide serait grandement appréciée !

Answer 1

Essayez

jQuery.fn.random = function() {
    var randomIndex = Math.floor(Math.random() * 56);  
    return jQuery(this[randomIndex]);
};
var prev;
var timer = window.setInterval(function () {
    if(prev){
        prev.mouseleave();
    }
    prev = $('.graphic-container img').random().mouseenter();
}, 5000);

Démonstration : Fiddle

Answer 2

Utilisez ceci

var timer = window.setInterval(function () {
   $('.graphic-container img').random().mouseover().delay(800).mouseout();
}, 5000);