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.

lightbox css3 jquery

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

Categorizado en: