> I working on a site that uses 4 instances of the Cycle plugin to > rotate divs filled with text. The client loves it, but they don't want > them to all cycle at the same time. They want box 1 to cycle, short > pause, box 2 to cycle, short pause... > And I can't figure it out (obviously). Any help would be awesome. The > page ishttp://client.grcmc.org/wip/grcvb/visit.phpand the portion in > question is at the bottom of the page, the "Hot Happenings Around > Town". Right now only the first 2 boxes have content to cycle.
Start the slideshows separately and use the 'delay' option. Something like this should stagger your 4 slideshows: $('#hot_happenings .hh_content td .holder').each(function(i) { $(this).cycle({ delay: -8000 + (2000 * (i+1)), timeout: 8000, pause: 1 }); });