Hey Mike, Thanks for the reply - that's similar to something I tried, however it has the same effect - the slideshow starts once the page is loaded regardless, and continues on hover. On mouseout it resets to the first image and continues - unless you mouseout during the transition in which case it resets to a blank (non-existent) image and continues the slideshow.
hmmmm James On Nov 17, 7:00 pm, Mike Alsup <mal...@gmail.com> wrote: > 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