Este es el codigo usado:
Código HTML:
Ver original
<!-- make all links with the 'rel' attribute open overlays --> <!-- / fim dos arquivos utilizados pelo jQuery lightBox plugin --> Ativando o jQuery lightBox plugin <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <style type="text/css"> /* jQuery lightBox plugin - Gallery style */ #gallery { padding: 10px; width: 850px; height: auto; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 2px solid #681F7B; border-width: 2px 2px 2px; } #gallery ul a:hover img { border: 2px solid #fff; border-width: 2px 2px 2px; color: #681F7B; } #gallery ul a:hover { color: #000; } </style> <!-- Start VisualLightBox.com HEAD section --> <link rel="stylesheet" href="GaleriaInstalaciones/engine/css/vlightbox1.css" type="text/css" /> <link rel="stylesheet" href="GaleriaInstalaciones/engine/css/visuallightbox.css" type="text/css" media="screen" /> <!-- 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