JQuery Cycle Function

Question

http://malsup.com/jquery/cycle

$('#slides').cycle({
            fx:    'fade', 
            sync:   0, 
            delay: -5000 
});

I want it so my slides fade in, wait 5 seconds then fade out to the next slide - I've been trying for a while but to no avail - any help?

Answer 1

Try:

$('#slides').cycle({
    fx:    'fade', 
    sync:   0, 
    timeout: 5000
});

Answer 2

$('#slides').cycle({
            // The 'fade' fx it's the default transition of Cycle
            timeout: 5000, // Between every transition
            delay: 5000 // Before first transition
});

Answer 3

The option for delays between slides is

timeout

So you should use:

$('#slides').cycle({
        fx:    'fade', 
        sync:   0, 
        timeout: 5000 
});