Más de una galeria jquery

sebacomas · #1 (**permalink**) 15/03/2013, 08:10

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<script type="text/javascript" src="../js/jquery-1.5.2.min.js"></script>   
<script type="text/javascript" src="../js/jquery.bxslider.js"></script>
 
<link rel="stylesheet" type="text/css" href="../css/jquery.bxslider.css" />
<script type="text/javascript">
  $(document).ready(function(){
 
$('.slider').bxSlider({
  mode: 'fade',
  auto: true,
  autoControls: true,
  pause: 2000
});
 
$('.slider1').bxSlider({
  auto: true,
  autoControls: true,
  pause: 3000,
  slideMargin: 20
});
 
 
 
  $('.slider2').bxSlider({
  auto: true,
  autoControls: true,
  pause: 3000,
  slideMargin: 20
});
 
  });
</script>

</head>

<body>

Código HTML:

Ver original<ul class="slider">
                 <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
                     <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
                     <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
            </ul>
 
<ul class="slider2">
                 <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
                     <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
                     <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
            </ul>
 
<ul class="slider3">
                 <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
                     <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
                     <li>
 
                        <img src="<?php echo $ruta; ?>img/foto.jpg" /></li>
                   </li>
            </ul>

</body>

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

Espero respuestas!
Saludos!

emprear · #2 (**permalink**) 15/03/2013, 16:35

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

sebacomas · #3 (**permalink**) 16/03/2013, 07:24

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!

emprear · #4 (**permalink**) 16/03/2013, 12:33

Cita:

Iniciado por sebacomas

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