Contenido

FullSize, el plugin jQuery para solucitar un nuevo atributo

1 abr

+ 7

FullSize es un plugin jQuery que esconde una propuesta muy interesante. Este plugin se apoya en la idea de implementar un nuevo atributo HTML para los elementos IMG.

<img src="imagen.png" alt="Imagen de prueba" fullsize="imagen-grande.png" />

La idea es muy interesante por que de llegar a buen puerto, este atributo podría pasar a formar parte de la especificación HTML y delegar esta tarea al navegador (algo que siempre es mucho más recomendable que implementarlo mediante un plugin).

Hasta el momento, esto lo podíamos hacer embebiendo la imagen en un enlace haciendo que al hacer click sobre ella esta se abriera en una página nueva (o no) mostrando la imagen grande.

<a href="imagen-grande.png" title="Imagen grande">
	<img src="imagen.png" alt="Imagen de prueba" />
</a>

Esta opción actualmente es la más accesible para conseguir que todo el mundo pueda ver la imagen grande, y es la principal técnica usada por todas (o casi todas) las implementaciones de Lightbox.

El plugin

En solo 8kb, podemos disponer de un lightbox que se apoya en el atributo longdesc (me parece horrible) y que podemos usar de la siguiente forma:

Declaración

<link href="your_path_here/fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="your_path_here/fullsize/jquery.fullsize.js"></script>
// Javascript
$("img").fullsize();

Despues nuestras imagenes deberán indicar la imagen grande en el atributo longdesc que será de donde sacará el plugin la dirección para mostrarla.

<img src="me.jpg" alt="me" longdesc="me-big.jpg" />

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.