Hi!

Here is the way to pause the animation by default, resume it onmouseover then pause it again onmouseout. So, it's the exact opposit of "pause : 1".

here's the way to do it, based on the fade effect:

/* SCRIPT */

<script type="text/javascript">
$(document).ready(function() {
    $('div.slideshow').cycle({
        fx: 'fade',
        speed:    300,
        timeout:  800
    });

    $("div.slideshow").cycle('pause'); //we pause the animation by default

    $("div.slideshow").mouseover(function(){
      $(this).cycle('resume');
    }).mouseout(function(){
      $(this).cycle('pause');
    });

});
</script>


/* SLIDESHOW */

<div class="slideshow" style="height:240px" id="slideshow1"/>
  <img src="image/1.jpg" alt="image" border="0" width="290" height="240" /> <img src="image/2.jpg" alt="image" border="0" width="290" height="240" /> <img src="image/3.jpg" alt="image" border="0" width="290" height="240" />

</div>

I've spent a lot of time to success it, and want to share that for you. The result is very nice! Have a look there : http://www.bidule.be/new/ (project of our new website)

if the link's broken, just go to http://www.bidule.be.

Hope you'll enjoy! ;-)

Gotch.