title: Go through a set of images in an array on mouseenter
body: <p>i am trying to do a "sprite kind of animation" on mouseenter an image. The idea is to have the image "wink" once when we hover it.</p>
  
  <p>i am trying to do it like this:</p>
  
  <pre><code>$(document).ready(function(){
  
     var images = [];
     images[0] = "images/image0.png";
     images[1] = "images/image1.png";
     images[2] = "images/image2.png";
     images[3] = "images/image3.png";
     images[4] = "images/image4.png";
  
     var count = 5;
  
     $("img.talk-to-us").mouseenter(function(){
        count = 0;
     });
  
     if(count &lt; 5) {
        $("img.talk-to-us").attr("src",images[count]).delay(1000);
     count++;
     }
  });
  </code></pre>
  
  <p>What i would like to happen on mouseenter is that the images are changed in sequence, with a delay between each image. After the last image i would like it to stop (last image stays showing).</p>
  
  <p>Any ideas on how to make this work?
  Thanks!</p>