Vários jCarousel Lite em uma unica página

[dimax 3]

Pessoal não estou conseguindo usar múltiplos jCarousel Lite em uma unica pagina, quando eu uso e clico em próximo os dois slide muda sendo que era só pra uma determinado slide muda, porque isto acontece, se alguém soube como corrigir, por favor me ajudem, pois já faz tempo que estou quebrando a cabeça aki. Agradeço!

 

 

<script src='http://site/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>

<script type="text/javascript" src="http://site.com.br/scripts/jquery.mousewheel.3.0.4.pack.js"></script>

<script type="text/javascript" src="http://site.com.br/scripts/jquery.easing.1.3.min.js"></script>

<script type="text/javascript" src="http://www.site.com.br/scripts/jcarousel.js"></script>

 

 

<script> 

$("#videos").jCarouselLite({ 
btnNext: ".mouseWheelButtons .next",
btnPrev: ".mouseWheelButtons .prev",
 mouseWheel: true,
 circular: false 
}
); 
</script>
 

<script> 
$("#gameplay").jCarouselLite({ 
btnNext: ".mouseWheelButtons .next", 
btnPrev: ".mouseWheelButtons .prev", 
mouseWheel: true, 
circular: false
 }
); 
</script>

 

 

 

Vídeos

<div id="videos">

<div class="prev"><a href="#"></a></div>
<div class="next"><a href="#"></a></div>

   <ul>
<li>
  <a href="#"><img src="http://image/mqdefault.jpg" width="320" height="180" /></a>
</li>

<li>
  <a href="#"><img src="http://image/mqdefault.jpg" width="320" height="180" /></a>
</li>

<li>
  <a href="#"><img src="http://image/mqdefault.jpg" width="320" height="180" /></a>
</li>
      
</ul>
</div>

Gameplays

<div id="gameplay">
<div class="prev"><a href="#"></a></div>
<div class="next"><a href="#"></a></div>

   <ul>
<li>
  <a href="#"><img src="http://image/mqdefault.jpg" width="320" height="180" /></a>
</li>

<li>
  <a href="#"><img src="http://image/mqdefault.jpg" width="320" height="180" /></a>

</li>

<li>
  <a href="#"><img src="http://image/mqdefault.jpg" width="320" height="180" /></a>
</li>
      
</ul>
</div>

 

Sendo que a dois scripts com ids diferentes, mas quando clico em próximo os dois sldier mudar, e como só existisse só uma função.

[YFilus 14]

O problema aqui é que o seletor dos botões é o mesmo: ".mouseWheelButtons .next".

 

Isto deve resolver:

 

<script> 

$("#videos").jCarouselLite({ 
btnNext: "#videos .mouseWheelButtons .next",
btnPrev: "#videos .mouseWheelButtons .prev",
 mouseWheel: true,
 circular: false 
}
); 
</script>
 

<script> 
$("#gameplay").jCarouselLite({ 
btnNext: "#gameplay .mouseWheelButtons .next", 
btnPrev: "#gameplay .mouseWheelButtons .prev", 
mouseWheel: true, 
circular: false
 }
); 
</script>

Qualquer coisa, só falar!

[dimax 3]

O problema aqui é que o seletor dos botões é o mesmo: ".mouseWheelButtons .next".

 

Isto deve resolver:

 

<script> 

$("#videos").jCarouselLite({ 
btnNext: "#videos .mouseWheelButtons .next",
btnPrev: "#videos .mouseWheelButtons .prev",
 mouseWheel: true,
 circular: false 
}
); 
</script>
 

<script> 
$("#gameplay").jCarouselLite({ 
btnNext: "#gameplay .mouseWheelButtons .next", 
btnPrev: "#gameplay .mouseWheelButtons .prev", 
mouseWheel: true, 
circular: false
 }
); 
</script>

Qualquer coisa, só falar!

 

Vlw mano, mas ainda continuar a mesma coisa, não resolveu nada.

[YFilus 14]

Huuum, acho que errei ali no seletor. Creio que isto corrige:

<script> 

$("#videos").jCarouselLite({ 
btnNext: "#videos .next",
btnPrev: "#videos .prev",
 mouseWheel: true,
 circular: false 
}
); 
</script>
 

<script> 
$("#gameplay").jCarouselLite({ 
btnNext: "#gameplay .next", 
btnPrev: "#gameplay .prev", 
mouseWheel: true, 
circular: false
 }
); 
</script>

[dimax 3]

 

Huuum, acho que errei ali no seletor. Creio que isto corrige:

<script> 

$("#videos").jCarouselLite({ 
btnNext: "#videos .next",
btnPrev: "#videos .prev",
 mouseWheel: true,
 circular: false 
}
); 
</script>
 

<script> 
$("#gameplay").jCarouselLite({ 
btnNext: "#gameplay .next", 
btnPrev: "#gameplay .prev", 
mouseWheel: true, 
circular: false
 }
); 
</script>

 

Já tinha tentado esse jeito, mas acho que essa biblioteca jCarousel Lite, esta limitada, e não e possível ter mais funçoes em uma unica pagina. Agradeço Novamente pela atenção.