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 <[email protected]> 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
