title: Mouseover to pause image slideshow
body: <p>I have an image slideshow that works, but I need to make it so that when you slide over with your mouse, the slideshow stops at the particular image and then when you release, starts the slideshow again.. Here is my function:</p>
  
  <pre><code>$(function(){
  $(this).mouseover(function(){
      $(this).toggle();
  });
  $('.fadein img:gt(0)').hide();
  setInterval(function(){
    $('.fadein1 :first-child').fadeOut()
       .next('img').fadeIn()
       .end().appendTo('.fadein1');}, 
    3000);
    });
  </code></pre>
  
  <p>Could someone please help? It's really annoying me now. </p>