title: Using jQuery Cycle on Hover Only
body: <p>I'm trying to get jQuery Cycle to only run when the slideshow is being hovered (which is the opposite of the functionality that they have built in).</p>
  
  <p>Here's where I'm at: <a href="http://jsfiddle.net/zSBMU/" rel="nofollow">http://jsfiddle.net/zSBMU/</a></p>
  
  <pre><code>$(document).ready(function() {
  
  $('.slideshow').hover(
      function() {
          $(this).cycle({
              fx:     'fade',
              speed:   600,
              timeout: 300,
              pause:   0
          });
      },
      function(){
          $(this).cycle('stop');
      }
  ).trigger('hover');
  </code></pre>
  
  <p>​    });</p>
  
  <p>The first time you hover, it's great, works fine. But if you try to hover the same one again, it only goes through one fade instead of looping through again. </p>
  
  <p>Any ideas?</p>
  
  <p>Please ignore some of the gross code, working with a pretty old theme here, trying to clean it up!</p>