jQuery Lighter para imágenes, más sencillo de utilizar, ¡imposible!

DESCARGA : jQuery lighter

jQuery Lighter para imágenes, este plugin está diseñado para mostrar imágenes o  galerías de imágenes,  la implementación es demasiado sencilla, y el resultado agradable.

Esta librería es la más sencilla que podemos encontrar en internet ya que solamente muestra las imágenes si la creación de una configuración extra, más que el uso de una etiqueta.

Las imágenes aparecen al presionar sobre ellas y lo hacen a partir de unas imágenes pequeñas.

El plugin está compuesto por archivos js del plugin  y archivos cs del mismo plugin, lo único que hacemos a la hora de implementar este sencillo y poderoso plugin es colocar un atributo data-lighter, esta manera de implementar es muy limpia, ya que nuestro código es compatible con otros plugins.

Muchos otros plugins son un poco complejos de entender, pero este  lo podemos tener como una solución rápida y sencilla,  podemos utilizarlas cuando mostramos imágenes  solamente colocándole el atributo.

No tenemos que crear ningún script adicional a nuestro código, la manera de utilizarlo es la siguiente:

Incluimos los archivos necesarios:


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="javascript/jquery.lighter.js" type="text/javascript"></script>
<link href="stylesheets/jquery.lighter.css" rel="stylesheet" type="text/css" />

Posteriormente usamos el atributo data-lighter de la siguiente forma:

<a href="samples/sample-01.jpg" data-lighter>
<img src="samples/preview-01.jpg" />
</a>

Puedes ver el plugin funcionando en el siguiente enlace: http://ksylvest.github.io/jquery-lighter/

 

Puede interesarte