2 slider jquery en una pagina

losjodedores · #1 (**permalink**) 25/07/2011, 19:41

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>

andresdzphp · #2 (**permalink**) 26/07/2011, 01:44

Lo que pasa es que las flechas están usando la misma clase, tienes que modificar eso para que no haya conflicto.

Código Code:

Ver originalclass="scrollButtons right"
class="scrollButtons left"

y el contenedor de cada uno

.scrollContainer

losjodedores · #3 (**permalink**) 26/07/2011, 08:36

ok lo modifique pero sige el mismo problema... :S

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="scrollButtons2 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-shadow2"></div>
 <div id="right-shadow2"></div>
 </div>
 <img class="scrollButtons2 right" src="/disenos/quinto/images/flecharight.png">
 </div>

http://www.jodedores.com.ar/index/prueba/0-58