jQuery Cycle plugin: One pager to control multiple slideshow on a page
- by Michael
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