Ver Mensaje Individual
  #1 (permalink)  
Antiguo 15/03/2013, 08:10
sebacomas
 
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