Jquery Cycle Plugin: How do you pause a slideshow on load

Question

I I want to load a Jquery Cycle slideshow and after loading pause until the user clicks the Play button. I am new to Jquery so could you give me a detailed explanation and possibly example code. You can see my slideshow @ www.sessomsphotographics.com

Thank you

Answer 1

You can send the string 'pause' to the cycle plugin to pause it, and then send in 'resume' to resume it.

// start cycle with default options
$('#rotator').cycle();

// immediately pause it
$('#rotator').cycle('pause');

// when the play button is clicked, resume
$('#play-button').click(function (event) {
    event.preventDefault();
    $('#rotator').cycle('resume');
});

Answer 2

You can send it the 'pause' message on ready:

$(document).ready(function() {         
    $('.slideshow').cycle('pause'); 
    });
});