Tengo una página en las que hay varios elementos que contienen galerías de Lihgtbox pero al hacer click en cualquiera de ellos las imágenes de cada lightbox se mezclan y hacen un efecto de aceleración muy raro. No sé nada de JavaScript y creo que el fallo puede estar ahí.
Respuestas
Si es posible, dínos por favor la librería exacta que estás utilizando para crear las galerías de imágenes, ya que la configuración cambia de una librería a otra.
@javiereguiluz
Ahora estoy probando con la siguiente galería: http://www.designyourway.net/drb/fancybox-lighbox-jquery-plugin/
Creo que voy a tener el mismo problema porque sucede al juntar varias en la misma página
@pixeldearena
Por suerte, la librería que estás utilizando soporta el uso de varias galerías en una misma página. El truco está en aplicar el mismo class a todas las imágenes y despés aplicar un atributo rel diferente a cada galería. Ejemplo:
<!-- galería de fotos 1 --> <a class="galeria_fotos" rel="galeria1" href="imagen_grande_1.jpg"> <img src="imagen_miniatura_1.jpg" alt="..."/> </a> <a class="galeria_fotos" rel="galeria1" href="imagen_grande_2.jpg"> <img src="imagen_miniatura_2.jpg" alt="..."/> </a> <!-- galería de fotos 2 --> <a class="galeria_fotos" rel="galeria2" href="imagen_grande_3.jpg"> <img src="imagen_miniatura_3.jpg" alt="..."/> </a> <a class="galeria_fotos" rel="galeria2" href="imagen_grande_4.jpg"> <img src="imagen_miniatura_4.jpg" alt="..."/> </a>
Después, en JavaScript sólo tienes que pasarle a la librería FancyBox el valor del atributo class que has utilizado antes. El ya se encarga de dividir las imágenes en galerías y mostrar todo bien:
$(document).ready(function() { $("a.galeria_fotos").fancybox(); });
@javiereguiluz
Muchísimas gracias. Cuando lo pruebe te cuento que tal, tengo que hacer que funcione toda la galería sin que aparezcan todas las imágenes en una tira, solo a través de un icono en el que al pinchar aparezca el lightbox con la galería. No se si me explico... jeje ya os contaré! Muchas gracias de nuevo!
@pixeldearena
¿Qué diferencia tiene este lightbox con este otro? http://lokeshdhakar.com/projects/lightbox2/
@jlbeta
@jlbeta no hay ninguna diferencia importante entre los dos lightbox que se comentan en esta discusión. De hecho, casi todos los lightbox de imágenes son iguales y funcionan de la misma manera.
@javiereguiluz