Lightly: Un Lightbox que utiliza CSS3

Lightbox es uno de los plugins más utilizados, es prácticamente imposible no encontrarse con algún sitio que lo utilice a lo largo de un día navegando en internet.

Lo curioso de este famoso plugin es que cambio muy pero muy poco desde su primera versión, inclusive esto se vuelve más increíble si lo analizamos desde el punto de vista del surgimiento de CSS3, o inclusive HTML5, dos tecnologías que facilitarían muchísimo una implementación y resultado muy similar utilizando mucho menos código.

Por suerte para nosotros, existen programadores que se dieron cuenta de esto, y crearon Lightly, un plugin jQuery que utiliza CSS3 para realizar el mismo efecto que Lightbox.

Instalación:

<link rel="stylesheet" href="lightly.css" />
<script src="jquery.min.js"></script>
<script src="jquery.lightly.js"></script>

Ejemplo de uso:

<script>
	$(document).ready(function() {

		$('.lightly').lightly({
			'backgroundColor':'0,0,0',
			'backgroundOpacity':'0.4'
		});

	});
</script>

Más simple imposible 😀

Web: Lightly

Pablo: Programador desde hace más de 11 años, adicto a internet, cafeinómano, fanático de la información, intento de emprendedor, trabaja de forma compulsiva solo en lo que ama. Sueña con tener una aplicación con más de 1 millón de usuarios.
Entradas relacionadas