Lightbox JS, es una librería Javascript que nos permite darle efecto a nuestras imágenes mostrándolas en una nueva ventana emergente. La ventaja de esto es muy simple, evitar poner imágenes inmensas en tus posts. Si bien podremos instalar todas las librerías que nos harán conseguir este efecto, lo bueno es que desde la salida de Lightbox JS han salido varios plugins que nos permiten lograr estos efectos en nuestras imágenes de una forma sumamente sencilla.
Cómo usar Lightbox JS:
- Descargamos el plugin.
- Lo descomprimimos.
- Lo ubicamos en la carpeta de nuestros plugin (wp-content/plugins).
- Luego lo activamos desde nuestro panel de control/”plugin”.
Cuando deseamos darle el efecto lightbox a nuestra imagen le agregamos la propiedad rel=”lightbox” a nuestro enlace:
HTML:
<a href=”images/wmaster.jpg” rel=”lightbox” title=”Logo Webmaster”><img src=”images/miniatura.jpg” alt=”Webmaster” height=”124″ width=”124″ /></a>
Recuerda poner el modo “CODE” antes de pegar nuestro código o escribirlo.
href= “contendrá el enlace a la imagen grande”
title= “Contendrá el titulo o descripción de la imagen al abrirse en una ventana emergente”
img src=“enlace de la imagen miniatura”
height=” es opcional para la altura de la miniatura”
width=” es opcional para la anchura de la miniatura”
Si no deseas utilizar height y width simplemente bórralos.








Comentarios recientes
- Juan Manuel: ¡Gracias! ^_^...
- Juan Manuel: ¡Hola, Manuel! Muchas gracias por tu comentario. Los talleres que se pu...
- Martin: Un pequeño aporte a la causa, el tag: protejer codigo esta mal escrito....
- ricardo: Amigo Juan Manuel, ante todo mis máximas felicitaciones por tu artícul...
- Juan Manuel: ¡Hola, Uziel!
Tal vez me puedas explicar mejor, no entendí lo del "...
- Juan Manuel: CS3...
Feed de los comentarios