Comunidad de diseño web y desarrollo en internet online

Conflicto con easy slider

Citar            
MensajeEscrito el 02 Jul 2011 10:55 am
Buenas, espero me echeis una mano con esta duda:

Estoy implementando esta librería en una pag. Es un portfolio de trabajos y cada trabajo tiene
un espacio para el slider.

Metí el primero, pero mi sorpresa fue que al duplicar el div de trabajos, el slider no funciona...bueno
funciona pero los números para el pase salen en el mismo.

¿como puedo hacer para incluir el mismo slider en la misma pag y q no entren en conflicto?

Gracias de antemano.

Saludos.

Por somethingdesign

4 de clabLevel



 

safari
Citar            
MensajeEscrito el 02 Jul 2011 01:17 pm
Lo que debe estar sucediendo es que el script ese trabaja con los elementos que están dentro del contenedor y el contenedor tiene un id que debe ser único. Sospecho que la solución es crear dos instancias de easyslider y pasarle a cada uno el id de cada contenedor.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 03 Jul 2011 05:22 pm
hola, gracias driver!

claro, eso era lo q yo me temía en un principio pero si cambio el id del contenedor pasa lo mismo. mira este es el script

<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
numeric: true,
continuous: true,
auto: true,

});
});
</script>

si pongo contenedor con otro id ( por ej.#slider2 ) lo intenté, pero sólo funciona el pase de fotos, no los enlaces inferiores para clicar y q pasen las fotos.

y mi pregunta es, si tengo q usar dos scripts diferentes, uno para cada contenedor, ¿como sería el código superior?
Te agradezco de veras tu tiempo.
Saludos!

Por somethingdesign

4 de clabLevel



 

safari
Citar            
MensajeEscrito el 04 Jul 2011 12:16 pm
Lo ignoro. No uso easyslider. Tendrás que recurrir a su autor o foro de ayuda o a la documentación.

Por DriverOp

Claber

2510 de clabLevel



 

opera
Citar            
MensajeEscrito el 05 Jul 2011 07:09 am
gracias por tu interés!
saludos

Por somethingdesign

4 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Jul 2011 12:46 pm
En el mismo 'li' donde esta el tag de las fotos puedes poner lo que quieras, las fotos solo son un ejemplo, podria ser html incluyendo la foto y el enlace.

Por Acreonte

Claber

1543 de clabLevel

5 tutoriales
6 articulos

Genero:Masculino  

Digital Scientist

firefox
Citar            
MensajeEscrito el 05 Jul 2011 01:21 pm
gracias, acreonte!

No, si ese no es el problema. si puedo poner tantos elemento "li" como quiera...
El problema es que el script funciona con 1 unidad y con 1 div id en concreto, pero si cambio el id por otro no sé como hacer q tb el script sea "doble", es decir que llame a la misma librería pero que se ejecute dos veces con los mismos elementos.

Espero haberme explicado con claridad.
y de nuevo gracias por tu interés.

Por somethingdesign

4 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Jul 2011 01:28 pm
Si lo que quieres son dos slider en la misma pagina, prueba con:

Código Javascript :

<script type="text/javascript">
$(document).ready(function()
{
   $("#slider").easySlider({ 
   numeric: true,
   continuous: true,
   auto: true,
   });

   $("#slider2").easySlider({ 
   numeric: true,
   continuous: true,
   auto: true,
   });
});
</script>

Tienes slider y slider2 como div contenedores. Si no es eso, tienes algun enlace que mostrarnos?

Por Acreonte

Claber

1543 de clabLevel

5 tutoriales
6 articulos

Genero:Masculino  

Digital Scientist

firefox
Citar            
MensajeEscrito el 05 Jul 2011 03:33 pm
que va, eso hice en un primer momento, pero tampoco funciona. Mirad, este es el código del bloque de portfolio, si copio este mismo bloque y le asigno un id "slider2" y el código q me aconsejas no funciona. Aunque realmente si funciona, lo que pasa es que debajo del bloque no se ven los númeritos de las diapos, estos numeritos se añaden al div con el id "slider", o sea, el primero.


<div class="trabajos">
<div class="h1trabajos">
<h1>loerm ipsum....</h1>
</div>

<div class="slider_container">
<div class="content">
<div id="slider">
<ul>
<li><a href="http://www..es/index.php"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://www..es/index.php"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://www..es/index.php"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://www..es/index.php"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>

</ul>
</div>
</div>
</div>


<div class="columnas">
<div class="columna_izq">
<img src="images/web_image.jpg" alt="web" /> </div>
<div class="columna_medio">
<p>loerm ipsum....</p>
</div>
<div class="columna_dcha">
<p>loerm ipsum....</p>
</div>
</div>
</div>

Por somethingdesign

4 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Jul 2011 03:37 pm
aqui, desde donde me descargué la demo, existe un archivo múltiple pero los pases de diapos son distintos. Si podeis echarle un vistazo os lo agradecería, bueno, de hecho ya os agradezco vuestra ayuda.
ahí va el puto slider... (easy?)


http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

Por somethingdesign

4 de clabLevel



 

safari
Citar            
MensajeEscrito el 05 Jul 2011 04:13 pm
Ya veo. Me imagino que tendras que editar el js.

Por Acreonte

Claber

1543 de clabLevel

5 tutoriales
6 articulos

Genero:Masculino  

Digital Scientist

firefox
Citar            
MensajeEscrito el 05 Jul 2011 04:53 pm
entonces estoy jodido... :cry:

bueno...

saludos.

Por somethingdesign

4 de clabLevel



 

safari

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.