Question

I notice this problem on cycle :

<script src="http://malsup.github.com/jquery.cycle.all.js"></script>

<div id="rotator">
    <div>Ciao 1</div>
    <div>Ciao 2</div>
    <div>Ciao 3</div>
</div>

$("#rotator").cycle(
    {
        fx: 'fade',
        sync: 1,
        speed: 500,
        timeout: 800,
        pause: 1
    }
);​

if I go over the mouse in the rotator area, while the page is loading, the cycle crash (and only “sometimes”).

Why? And how can I fix it?

Answer 1

Wrap your code in document ready event.

$(document).ready(function(){
    $("#rotator").cycle({
        fx: 'fade',
        sync: 1,
        speed: 500,
        timeout: 800,
        pause: 1
    });​
});