Tema: PRoblemas con dos galerias Jquery
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/08/2011, 01:39
maitines
 
Fecha de Ingreso: junio-2010
Ubicación: Barcelona
Mensajes: 43
Antigüedad: 14 años, 4 meses
Puntos: 1
Pregunta PRoblemas con dos galerias Jquery
Hola, tengo un problema con dos galerias en la misma pagina, una es de videos y otra de fotos. El efecto que hacen es el de la galeria visuallightbox, pero no puedo conseguir que hagan el efecto las dos. O una o la otra, por algun motivo entran en conflicto.

Este es el codigo usado:
Código HTML: 
Ver original
  1. <script src="Videos/engine/js/jquery.tools.min.js" type="text/javascript"></script>
  2. <script src="Videos/engine/js/swfobject.js" type="text/javascript"></script>
  3. <!-- make all links with the 'rel' attribute open overlays -->
  4. <script src="Videos/engine/js/videolightbox.js" type="text/javascript"></script>
  5. <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin -->
  6. <style type="text/css">#videogallery a#videolb{display:none}</style>
  7.  
  8.  Ativando o jQuery lightBox plugin 
  9.     <script type="text/javascript">
  10.     $(function() {
  11.         $('#gallery a').lightBox();
  12.     });
  13.     </script>
  14.     
  15.  
  16.     
  17.     <style type="text/css">
  18.     /* jQuery lightBox plugin - Gallery style */
  19.     #gallery {
  20.     
  21.     padding: 10px;
  22.     width: 850px;
  23.     height: auto;
  24.     }
  25.     #gallery ul { list-style: none; }
  26.     #gallery ul li { display: inline; }
  27.     #gallery ul img {
  28.     border: 2px solid #681F7B;
  29.     border-width: 2px 2px 2px;
  30.     }
  31.     #gallery ul a:hover img {
  32.     border: 2px solid #fff;
  33.     border-width: 2px 2px 2px;
  34.     color: #681F7B;
  35.     }
  36.     #gallery ul a:hover {
  37.     color: #000;
  38. }
  39.     </style>
  40.     
  41. <meta charset="UTF-8"></head>
  42.  
  43. <!-- Start VisualLightBox.com HEAD section -->
  44.         <link rel="stylesheet" href="GaleriaInstalaciones/engine/css/vlightbox1.css" type="text/css" />
  45.         <link rel="stylesheet" href="GaleriaInstalaciones/engine/css/visuallightbox.css" type="text/css" media="screen" />
  46.         <script src="GaleriaInstalaciones/engine/js/jquery.min.js" type="text/javascript"></script>
  47.         <script src="GaleriaInstalaciones/engine/js/visuallightbox.js" type="text/javascript"></script>
  48.         <script src="GaleriaInstalaciones/engine/js/vlbdata.js" type="text/javascript"></script>
  49.         <!-- End VisualLightBox.com HEAD section -->

He visto que hay una funcion noConflict de Jquery, pero no se como adaptarla aqui. He probado en descargarme otra libreia mas nueva pero no me funciona. No se si hay que adaptarla o modificar.
Saludos y gracias