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: 334
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