on mousemoveランダムな配列イメージ

Question

私はホバー上でイメージを変えるこのコードを持っています、div内のmousemoveでそれを変更する方法があります よかったです。

var images = ["images/warlo1.svg", 
       "images/warlo2.svg", 
       "images/warlo3.svg", 
       "images/warlo4.svg", 
       "images/warlo5.svg", 
       "images/warlo6.svg", 
       "images/warlo7.svg", 
       "images/warlo8.svg",], 

i = 0,//counter 
$swap = $(".swap"),//only get the object once 
swapper;//setup a var for setInterval 

function swapImg(){ 
    i = Math.floor(Math.random() * images.length);//keep i under the  array length 
    $swap.attr("src",images[i]);  
    i++; 
} 

$swap.hover(function(){//mouseover 
    swapper = setInterval(swapImg,300);//call function every 400 
},function(){//mouseout 
    clearInterval(swapper); 
}); 

Answer 1

function swapImg(){ 
    if (toggle) { 
     // swap image here 

     toggle = false; 
     setTimeout(function() { 
      toggle = true; 
     }, 5000); 
    } 
} 

Answer 2

あなたはこれを試すことができます。

https://api.jquery.com/mousemove/

$swap.mousemove(function(event) { 
swapImg() 
});