Hola, que tal!!!
Bueno, para poder ayudarte es necesario que publiques tu código, ya que en la forma en que lo planteas no se entiende lo que estas haciendo (se entiende el problema, pero no como tienes tu código)
Una ayuda en general es que los links a las imágenes tiene que estar en un contenedor con el ID #gallery
Código HTML:
Ver original<p><a href="urldelaimagen.jpg"><img src="urldelaimagen.jpg" alt="imagen" /></a></p> <p><a href="urldelaimagen2.jpg"><img src="urldelaimagen2.jpg" alt="imagen" /></a></p> <p><a href="urldelaimagen3.jpg"><img src="urldelaimagen3.jpg" alt="imagen" /></a></p> <p><a href="urldelaimagen4.jpg"><img src="urldelaimagen4.jpg" alt="imagen" /></a></p> <p><a href="urldelaimagen5.jpg"><img src="urldelaimagen5.jpg" alt="imagen" /></a></p>
Y el Javascript tal y como esta en los ejemplos
Código Javascript
:
Ver original$(document).ready(function() {
$('#gallery a').lightBox();
});
Nota: Tu problema no tiene nada que ver con CSS, posiblemente estas asignando mal el efecto a los links de las imágenes