title: Start the script on Hover jQuery Cycle
body: <p>I have done the jQuery cycle in my practice web design. My problem is, I want the script to start on mouse hover but what happens is when I refresh the page, it starts already. On my 1st mouse over, it stops. Then the 2nd mouse over, it starts to do the slideshow and stops when it's mouse out. Here's the code:</p>
  
  <pre><code>jQuery(function($){
  
      // Cycle plugin
      $('.slides').cycle();
  
      // Pause &amp; play on hover
      $('.slideshow-block').hover(function(){
          $(this).find('.slides').addClass('active').cycle('resume');
      }, function(){
          $(this).find('.slides').removeClass('active').cycle('pause');
      });
  
  });
  </code></pre>
  
  <p>I tried putting 'pause' or "pause" in <code>$('.slides').cycle();</code> but it actually destroys the plugin and there is no more effect. Thanks for the help! :)</p>