Foros del Web - Ver Mensaje Individual

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!