Ejemplo muy simple de Lightbox

21 agosto, 2009 por Khirr Dejar una respuesta »

Seguro que muchas veces han visto efectos en las fotografías al hacerle click, pues bien, esto es una librería de javascript muy fácil de implementar llamada lightbox.

lightbox

He hecho un ejemplo muy simple, solo deben abrir el index.html, las fotos estan en images/pics junto con los thumbnails, el código donde los pongo como un grupo de imágenes (algo similar a un álbum, en este caso de 3 fotos) es el siguiente:


	<a href="images/pics/linux.jpg" rel="lightbox[logos]"><img src="images/pics/thumb-linux.jpg"></a>
	<a href="images/pics/osx.jpg" rel="lightbox[logos]"><img src="images/pics/thumb-osx.jpg"></a>
	<a href="images/pics/windows.jpg" rel="lightbox[logos]"><img src="images/pics/thumb-windows.jpg"></a>

Como ven, el grupo de imágenes se llama logos, así saldran una tras de otra ;)

Enlace | Descargar Ejemplo Lightbox

Enlace | Ejemplo Online

Si tienes alguna duda y deseas que la comunidad de Actualidad Informatica te ayude puedes visitar nuestro Foro, solo necesitas registrarte y dejar tu mensaje, recibirás una respuesta rápidamente con la mejor solución.

5 comentarios

  1. saiseihogo dice:

    :shock: oye pero lugar tan incomodo para colocar la publicidad de google >_> me parece que estorba un poco: http://img41.imageshack.us/img41/5456/molestiapublicidadkhirr.png

  2. Khirr dice:

    Si, tienes razon, lo que sucede es que se coloca en el centro de cada post y al parecer este no fue muy grande así que aprovecho el html, lo siento, en el futuro tratare de que no suceda.

  3. Khirr dice:

    Listo, ya a sido corregido, gracias por notar el error, de ahora en adelante estaré al pendiente de que nada así vuelva suceder, un saludo.

  4. Anónimo dice:

    Soy nueva en esto y estoy experimentando. Me gustaría que me digeses como cambiar la imagen de CLOSE X y el texto de IMAGE 1 OF 3.
    MUCHAS GRACIAS.

  5. Khirr dice:

    Si, abre el la carpeta del lightbox y ahí estarán las imágenes, solo debes editarlas, un saludo.

Deja un comentario

Si necesitas más información sobre este tema o algun problema puedes decirlo en nuestro Foro y recibiras ayuda de toda nuestra comunidad informatica.