I want the slideshow to be in pause mode when the page loads. I can add a button to resume but can't figure out how to pause on load.

 

I've tried several things.  Here's the last attempt that didn't work.

 

$(document).ready(function() {
    $('.media-slideshow').cycle({
 fx: 'fade',
 slideExpr: 'img',
 timeout: 6000,
 delay:  -4000,
 speedOut: 900,
 speedIn: 1000,
 nowrap: 1
 },
 function() {
        $('.media-slideshow').cycle('pause');
    }); 
    $('.playButton').click(function() {
        $('.media-slideshow').cycle('resume');
    });
 $('.pauseButton').click(function() {
        $('.media-slideshow').cycle('pause');
    });
});

 

Any help appreciated.