Buscando el mejor Lightbox para mi blog

[Lightbox] [Blog] [Javascript]

Este blog está hecho con Hugo lo que lo hace que el sitio sea muy ligero y prácticamente todo texto plano para no depender de una base de datos. De igual forma no integra tantas librerías ni herramientas extra que no sean necesarias. El problema que encontré fue que las miniaturas que ponía, para enlazar a la imagen con resolución completa, se abrían directamente en la pestaña del post, o bien, si se abría en otra pestaña el lector tendía que cambiar de nuevo para regresar y esto rompía con la fluidez de la lectura.

Lightbox

Este problema lo vi desde la instalación del tema que estoy utilizando ya que cada uno puede traer más o menos herramientas, depende de la persona que lo haya hecho y precisamente este tema me gustó por minimalista y sencillo. Para solucionar esto me puse a buscar opciones de lightbox. En el proceso encontré muchas opciones, pero las que más me llamaron la atención y creo que se ganaron una mención son las siguientes:

  • Lightbox2

    Me pareció maravilloso, tiene bastantes opciones entre ellas las de galería, las transiciones son muy llamativas y la integración me parece la más sencilla pero es necesario JQuery.

  • GLightbox

    Este fue el más bonito y completo que encontré, animaciones, galerías, posibilidad de usarlo para vídeos, textos, poner texto junto a las fotos, mapas, entre otras opciones y lo mejor de todo es que no depende de JQuery.

  • Mini Lightbox

    El más simple y austero que encontré, no tiene función para galerías, incluso tiene pocas opciones pero tampoco depende de JQuery.

Terminé con esas 3 opciones y era momento de elegir, el primer descarte fue Lightbox2 por JQuery ya que el tema que estoy utilizando no lo incluye y considero que sería una carga innecesaria si la única razón es un lightbox.

El siguiente descarte fue GLightbox y me dolió ya que el único problema que tengo con él es que tiene muchas más opciones de las estoy interesado en implementar en este blog y volvemos a que no quiero tener carga innecesaria.

Al final mi decisión fue por Mini Lighbox, aunque podría parecer a primera vista que le faltan herramientas, esto era precisamente lo que yo estaba buscando, no requiere de librerías extra y con él obtienes algo funcional, simple y directo.

La instalación fue bastante sencilla, agregar los enlaces al archivo .js y al par de .css luego agregar la ejecución la función MiniLightbox y listo. Para las imágenes miniatura que enlazan a otra con mayor resolución sólo es agregar un atributo con la url a la imagen grande y se acabó (El proceso está mejor explicado en la página del proyecto). Otra cosa que me encantó, (aunque no dudo que sea posible con las otros dos opciones) es que se puede usar también para textos y que al hacer click en ellos se desplieguen imágenes, lo que me pareció de bastante utilidad.

En fin, una herramienta sencilla, pero al mismo tiempo muy útil. En próximas entradas voy a explicar cómo hice para meter dentro del cuerpo del posts en hugo las imágenes con los atributos necesarios y los enlaces de referencia con imágenes, pero eso ya será otro día. Nos leemos pronto.

Si te gusta lo que hago y quisieras apoyarme puedes suscribirte a mi Patreon o con un donativo vía PayPal lo que me facilita dedicar más tiempo a crear contenido con más frecuencia y que este sea de mayor calidad. No es obligatorio, pero si tienes la oportunidad te estaré profundamente agradecido.
 
comments powered by Disqus