Try something like this: $(document).ready(function() { var $slideshow = $('#slideshow');
$slideshow.cycle({ fx: 'fade' }).cycle('pause'); $slideshow.hover(function() { $slideshow.cycle('resume'); }, function() { $slideshow.cycle('pause'); }); }); On Nov 17, 1:43 pm, j1042 <iwspareema...@googlemail.com> wrote: > Hey! > > Been enjoying the Cycle plugin (http://www.malsup.com/jquery/cycle/) > but I can't get it do do exactly what I want. > > This image slideshow plugin comes with built in variables to control > its operation, for example: > > $(document).ready(function() { > $(function () { > $('.slideshow').cycle({ > fx: 'fade', > pause: 1 > }); > }); > > }); > > in this case the 'pause' variable being true means that the image > slideshow runs until mouseover the .slideshow div - at which point it > pauses - and continues on mouseout > > But I'd like the opposite to occur - no slideshow until mouseover, > then continue until mouseout. > > There appears to be no way of achieving this using the current version > of Cycle - so my question is, is there a way to achieve what I want > with some more convoluted jQuery and the mouseover/mouseout or hover > events? > > Thanks