title: How do I interactively reduce (or stop) the sliding speed of a jQuery slider?
body: <p>I want to slow down and eventually stop my slide-show when the mouse pointer hovers over it.</p>
  
  <p>Here is the script I have so far:</p>
  
  <pre><code>$(document).ready(function(){    
      $('#slideshow').cycle({    
          fx:     'fade',    
          speed:  'fast',    
          timeout: 1000,    
          pager:  '#slider_nav',    
          pagerAnchorBuilder: function(idx, slide) {    
              // return sel string for existing anchor    
              return '#slider_nav li:eq(' + (idx) + ') a';
          }
      });
  });
  </code></pre>
  
  <p>This is the website I am working on: <a href="http://www.getushopping.com/" rel="nofollow">http://www.getushopping.com/</a>.  If you visit the site, I am talking about the slide-show playing closest to the top of the page.</p>