lunes, 27 de junio de 2011

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 crearonLightly, 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 :D
Web: Lightly

No hay comentarios:

Publicar un comentario