jQuery Cycle plugin: One pager to control multiple slideshow on a page

Posted by Michael on Stack Overflow See other posts from Stack Overflow or by Michael
Published on 2010-06-09T05:12:34Z Indexed on 2010/06/09 5:22 UTC
Read the original article Hit count: 304

Filed under:
|

Hi there,

I have a cycle plugin set up on a page (images) with a pager to control the horizontal slide. My issue is that there is a transparent overlay that needs to sit over part of the images for some text relating to each image but would rather have that with a different transition effect for this so it doesn't slide in from the left. Am I able to set up to slideshows, each with 3 pieces of related content, that I can position correctly and have them controlled with the one pager?

My script currently looks like this:

$(function() {
$('.s4').before('<div id="nav" class="nav">').cycle({
    fx:     'fade',
    speed:  'slow',
    speedIn: 'slow',  // speed of the 'in' transition 
    speedOut: 'slow',
    timeout: 6000,
    pager:  '#nav'
});

});

I hope this makes sense,

Thanks

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about cycle