Buenas, tengo un pequeño problema
quisiera colocar 2 slider iguales en una misma pagina, el problema que tengo es que cuando los coloco y clickeo uno hacen la accion los 2 en vez de al que le corresponde...
aqui estan los sliders
http://www.jodedores.com.ar/index/prueba/0-58
Código HTML:
<head>
<link rel="stylesheet" href="http://jodedores.com.ar/disenos/quinto/slider/style.css" type="text/css" media="screen" charset="utf-8">
<script src="http://jodedores.com.ar/disenos/quinto/slider/jquery-1.3.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jodedores.com.ar/disenos/quinto/slider/slider.js" type="text/javascript" charset="utf-8"></script>
<script src="http://jodedores.com.ar/disenos/quinto/slider/slider2.js" type="text/javascript" charset="utf-8"></script>
</head>
Código HTML:
<div id="slider">
<img class="scrollButtons left" src="/disenos/quinto/images/flechaleft.png">
<div style="overflow: hidden;" class="scroll">
<div class="scrollContainer">
<div class="panel" id="panel_6">
<div class="inside">
CONTENIDO
</div></div>
</div>
<div id="left-shadow"></div>
<div id="right-shadow"></div>
</div>
<img class="scrollButtons right" src="/disenos/quinto/images/flecharight.png">
</div>
<br><br>
<div id="slider2">
<img class="scrollButtons left" src="/disenos/quinto/images/flechaleft.png">
<div style="overflow: hidden;" class="scroll2">
<div class="scrollContainer2">
<div class="panel" id="panel_6">
<div class="inside">
CONTENIDO
</div></div>
</div>
<div id="left-shadow"></div>
<div id="right-shadow"></div>
</div>
<img class="scrollButtons right" src="/disenos/quinto/images/flecharight.png">
</div>