CODEWITHSUNDEEP
javascriptjqueryjquery-cycle
user2862712
user2862712

Reputation: 21

jQuery Cycle delay issue

Having trouble with jquery cycle not sure what am i doing wrong. Without delay it all works fine, but I would love to delay the first image because the slider starts before the first image or two are loaded I would love to stop it for few seconds and then start. ANY IDEAS ?

$(document).ready(function() {  $('#slideshow').cycle({ 
      fx: 'fade',
      speed: '1000',
      timeout:'4000',
      delay: '1000'
    });
});

Upvotes: 2

Views: 692

Answers (1)

Dhruma Mehta
Dhruma Mehta

Reputation: 11

if you wanted a 4 second interval between transitions but you want the first transition to occur 2 seconds after the page loads then you would do this:

$('#slideshow').cycle({
fx: 'fade',
speed: '1000', 
 timeout:'4000',
delay: -2000
});

The 'delay' option gives you an opportunity to change the transition interval of the very first slide. When the timeout value of the first slide is calculated, the value of the delay option (default is 0) is added to the timeout value

Hope it helps

Upvotes: 1

Related Questions