La cosa es que tengo un proble configurando el lightbox npara mi página.
Sigo todos los pasos de los ejemplos enlazo con todos los archivos. Hasta aquí todo bién pero cuando pincho en un enlace en vez de aparecerme el lightbox me lleva a otra página(la foto).
He probado a capturar el link por el id de la capa al que pertenecen, por el rel, pero incluso cualquier link pero nada.
Espero que alguno vea el error o se le ocurra alguna idea por que no se como solucionarlo
Código HTML:
<!DOCTYPE html><html><head><meta charset='utf-8' /><link rel='stylesheet' type='text/css' href='http://localhost/ucco/css/menu.css' media='screen'/><title>Bienvenidos a UCCO</title><!--<link type="text/css" rel="stylesheet" href="http://localhost/ucco/galeria/demo.css">--> <link type="text/css" rel="stylesheet" href="http://localhost/ucco/galeria/ligthbox/css/jquery.ligthbox-0.5.css" media="screen"> <!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js" type="text/javascript"></script>--> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> <script type="text/javascript" src="http://localhost/ucco/galeria/js/lightbox.js"></script> <!-- Activación del jQuery lightBox plugin --> <script type="text/javascript"> $(function() { $('#gallery a').lightBox(); }); </script> <style type="text/css"> /* jQuery lightBox plugin - Gallery style */ #gallery { background-color: #444; padding: 10px; width: 796px; } #gallery ul { list-style: none; } #gallery ul li { display: inline; } #gallery ul img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; } #gallery ul a:hover img { border: 5px solid #fff; border-width: 5px 5px 20px; color: #fff; } #gallery ul a:hover { color: #fff; } </style> </head><body> <div id='gallery'> <ul> <li> <a href="http://localhost/ucco/galeria/photos/01.jpg" title="" rel="lightbox"> <img src="photos/01.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/02.jpg" title="" rel="lightbox"> <img src="photos/02.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/03.jpg" title="" rel="lightbox"> <img src="photos/03.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/04.jpg" title="" rel="lightbox"> <img src="photos/04.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/05.jpg" title="" rel="lightbox"> <img src="photos/05.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/06.jpg" title="" rel="lightbox"> <img src="photos/06.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/1.jpg" title="" rel="lightbox"> <img src="photos/1.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/10.jpg" title="" rel="lightbox"> <img src="photos/10.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/11.jpg" title="" rel="lightbox"> <img src="photos/11.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/12.jpg" title="" rel="lightbox"> <img src="photos/12.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/13.jpg" title="" rel="lightbox"> <img src="photos/13.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/14.jpg" title="" rel="lightbox"> <img src="photos/14.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/2.jpg" title="" rel="lightbox"> <img src="photos/2.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/3.jpg" title="" rel="lightbox"> <img src="photos/3.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/4.jpg" title="" rel="lightbox"> <img src="photos/4.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/5.jpg" title="" rel="lightbox"> <img src="photos/5.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/6.jpg" title="" rel="lightbox"> <img src="photos/6.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/7.jpg" title="" rel="lightbox"> <img src="photos/7.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/8.jpg" title="" rel="lightbox"> <img src="photos/8.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/9.jpg" title="" rel="lightbox"> <img src="photos/9.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/image1.jpg" title="" rel="lightbox"> <img src="photos/image1.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/image2.jpg" title="" rel="lightbox"> <img src="photos/image2.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/image3.jpg" title="" rel="lightbox"> <img src="photos/image3.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/image4.jpg" title="" rel="lightbox"> <img src="photos/image4.jpg" width="72" height="72" alt="" /> </a> </li> <li> <a href="http://localhost/ucco/galeria/photos/image5.jpg" title="" rel="lightbox"> <img src="photos/image5.jpg" width="72" height="72" alt="" /> </a> </li> </ul></div><!--cierra Gallery--> </body> </html>
Respuesta: LightBox 
