ryrych/rcarousel — Issue #13: Multiple carousels on one page
Author: caos-es-12
Created: 2012-01-24 09:19:01+00:00
State: open

Hello,

I am having a problem with two carousels on one page. I Pressing the arrows in the first one, moves both carousels. And when I pressing the arrows in the second one, nothing happens but goes to the top of the page. Something am I doing wrong?

These are the calling functions:

jQuery(function( $ ) {
$("#carousel").rcarousel({
visible: 1,
step: 1,
width: 915,
height: 440,
auto: { enabled: true },
start: generatePages,
pageLoaded: pageLoaded
});

$("#carousel_2").rcarousel({
visible: 3,
step: 1,
width: 281,
height: 136
});

$( "#ui-carousel-next" )
.add( "#ui-carousel-prev" )
.hover(
function() {
$( this ).css( "opacity", 0.7 );
},
function() {
$( this ).css( "opacity", 1.0 );
}
);

$( "#banner-carousel-next" )
.add( "#banner-carousel-prev" )
.hover(
function() {
$( this ).css( "opacity", 0.7 );
},
function() {
$( this ).css( "opacity", 1.0 );
}
);

Thanks a lot!
Regards.
Carlos