title: jQuery image Cycle2 start on hover
body: <p>I am looking to take the functionality of the Cycle2 Pause On Hover, but implement it to run in reverse. So that the slideshow only starts on hover (and ends when the mouse leaves the images)</p>
  
  <p>Here is the demo below</p>
  
  <p><a href="http://jquery.malsup.com/cycle2/demo/pause.php" rel="nofollow">Cycle2 Pause On Hover - Demo</a></p>
  
  <p>Here is the code</p>
  
  <pre><code>&lt;div class="cycle-slideshow" 
  data-cycle-fx=fadeout
  data-cycle-timeout=1000
  data-cycle-pause-on-hover="true"
  &gt;
  &lt;img src="http://jquery.malsup.com/cycle2/images/p1.jpg"&gt;
  ...
  &lt;/div&gt;
  </code></pre>