Fullsize.js ¿Qué es?

Fullsize es proyecto web basado en jQuery que intenta conseguir un nuevo atriobuto en la etiqueta <img> llamado fullsize en la próxima version del HTML. Pero, ¿que añade esa nueva etiqueta? Pues una nueva manera de crear un lightbox de la manera más sencilla.

Tan solo llamandolo mediante el siguiente ejemplo tendríamos el lightbox:

<img src="mimagen-normal.jpg" alt="Imagen" fullsize="imagen-grande.jpg" />

Mientras esperamos que la W3C  acepte el reto de incluirlo en su nueva versión podemos usar el plugin de jquey mediante el atributo longdesc que por ahora sí es válido, de la siguiente manera:

1. Link de referencia al css y al js

<link href="tu_ruta/fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css" />
 
<script type="text/javascript" src="tu_ruta/fullsize/jquery.fullsize.js"></script>

2. Lo declaramos:

   <script type="text/javascript">
    
   $("img").fullsize();
    
   </script>

3. Y la llamada al script en la imagen:

<img src="mimagen-normal.jpg" alt="Imagen" longdesc="imagen-grande.jpg" />

Además el js tan solo ocupa 12kb!

No dudes en pasarte por su página y dar tu apoyo a ésta iniciativa. Yo ya lo hecho! Visitar Fullsize

También puedes descargar el archivo desde aquí:

No hay comentarios »

Aún no hay comentarios.

Canal RSS de los comentarios de la entrada. URL para Trackback

Deja un comentario