title: continuous image swap while mouse is hovering
body: <p>i have an idea but i'm not quite sure how to execute it.</p>
  
  <p>i want have an image that when the mouse hovers over it, it quickly changes to a random image, and changes pretty quickly to a new random image. it keeps going until you take your mouse off it, and then it stops on the last image. when you roll over it again it should start to swap around again. it would sort of be like a slot machine effect. i don't need them to spin around, just change in place.</p>
  
  <p>i could really use some pointers on how to accomplish this. i don't really know where to start. i know the basics of how to swap a background image of a div on a mouseover, but that's about all i know.</p>
  
  <p>thanks</p>
  
  <p>EDIT: <a href="http://cargocollective.com/" rel="nofollow">http://cargocollective.com/</a>  Look at the Cargo logo in the top left corner of the screen. that's the effect i'm looking for, except it would stop on the last image instead of resetting. </p>