Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>);
</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.
Carregando comentários...