Foros del Web » Programando para Internet » Jquery »

Más de una galeria jquery

Estas en el tema de Más de una galeria jquery en el foro de Jquery en Foros del Web. Hola, Baje de esta web http://bxslider.com/ , esa galería jquery. El problema es que debo tener tres galerias en la misma página con diferentes estilos, ...
  #1 (permalink)  
Antiguo 15/03/2013, 08:10
 
Fecha de Ingreso: mayo-2010
Mensajes: 414
Antigüedad: 14 años, 7 meses
Puntos: 2
Más de una galeria jquery

Hola, Baje de esta web http://bxslider.com/, esa galería jquery.
El problema es que debo tener tres galerias en la misma página con diferentes estilos, o sea cada galería debe tener su propia hoja de estilos.
El código

<head>
Código HTML:
Ver original
  1. <script type="text/javascript" src="../js/jquery-1.5.2.min.js"></script>  
  2. <script type="text/javascript" src="../js/jquery.bxslider.js"></script>
  3.  
  4. <link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css" />
  5. <script type="text/javascript">
  6.   $(document).ready(function(){
  7.  
  8. $('.slider').bxSlider({
  9.   mode: 'fade',
  10.   auto: true,
  11.   autoControls: true,
  12.   pause: 2000
  13. });
  14.  
  15. $('.slider1').bxSlider({
  16.   auto: true,
  17.   autoControls: true,
  18.   pause: 3000,
  19.   slideMargin: 20
  20. });
  21.  
  22.  
  23.  
  24.   $('.slider2').bxSlider({
  25.   auto: true,
  26.   autoControls: true,
  27.   pause: 3000,
  28.   slideMargin: 20
  29. });
  30.  
  31.   });




</head>

<body>

Código HTML:
Ver original
  1. <ul class="slider">
  2.                  <li>
  3.  
  4.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  5.                    </li>
  6.                      <li>
  7.  
  8.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  9.                    </li>
  10.                      <li>
  11.  
  12.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  13.                    </li>
  14.             </ul>
  15.  
  16. <ul class="slider2">
  17.                  <li>
  18.  
  19.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  20.                    </li>
  21.                      <li>
  22.  
  23.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  24.                    </li>
  25.                      <li>
  26.  
  27.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  28.                    </li>
  29.             </ul>
  30.  
  31. <ul class="slider3">
  32.                  <li>
  33.  
  34.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  35.                    </li>
  36.                      <li>
  37.  
  38.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  39.                    </li>
  40.                      <li>
  41.  
  42.                         <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
  43.                    </li>
  44.             </ul>
</body>


El problema que siempre ma toma el mismo estilo, tengo tres galerías con el mismo estilo.

Espero respuestas!
Saludos!

Última edición por sebacomas; 15/03/2013 a las 08:36
  #2 (permalink)  
Antiguo 15/03/2013, 16:35
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Más de una galeria jquery

En las faqs está la respuesta

I hate your theme. Do I have to use it?
Absolutely not! Simply do not include the jquery.bxslider.css file and you will have a bare-bones slider, with no theme. Feel free to make yours look cooler than mine.



Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 16/03/2013, 07:24
 
Fecha de Ingreso: mayo-2010
Mensajes: 414
Antigüedad: 14 años, 7 meses
Puntos: 2
Respuesta: Más de una galeria jquery

Gracias por la respuesta, el tema que quiero usar el estilo que ya esta como base y mas de un <script type="text/javascript" src="../js/jquery.bxslider.js"></script>
De esta forma me quedan dos css y dos javascript en la misma pagina.
Saludos!
  #4 (permalink)  
Antiguo 16/03/2013, 12:33
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 5 meses
Puntos: 1567
Respuesta: Más de una galeria jquery

Cita:
Iniciado por sebacomas Ver Mensaje
Gracias por la respuesta, el tema que quiero usar el estilo que ya esta como base y mas de un <script type="text/javascript" src="../js/jquery.bxslider.js"></script>
De esta forma me quedan dos css y dos javascript en la misma pagina.
Saludos!
En que quedamos, querés cambiar los estilos o poner mas de una galeria, porque lo segundo, según decís ya lo hiciste.
Y tambiémn se responde en la faqs
http://bxslider.com/examples/multiple-slideshows
Mejor que leas la documentación
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: galeria
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:27.