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í:

1 comentario »

1. guillermo says:

   enero 8th, 2011

   e intentado hacerlo de muchas formaspero cuando miro siempre me sale la imagen sin los iconos ni carga ni nadasale normalsin el script, que debo hacer para que salga? que me faltasi pudieras dar pasos de hacer esto mas detallado me ayudaria mucho

RSS feed para los comentarios de esta entrada. TrackBack URL

Deja un comentario