Jquery plugin Fullsize

Fullsize es un plugin que trabaja con un atributo longdesc dentro de una imagen, tiene una funcionalidad buena. Lo que hace es desplegar un ico de fullsize cuando pasamos por encima de una imagen, si el usuario da click sobre este ico, la foto de vista fullsize se abre flotando en nuestro navegador. Veamos un ejemplo para que sea más fácil de comprender.

El plugin solamente pesa 8kb tu puedes bajarlo del sitio original aquí

Cuando lo descargues lo único que tienes que hacer es lo siguiente:

Liga el codigo en tu head

Si deseas activar el plugin para todas las imagenes del tu página web debes de hacer esto:


$("document").ready(function(){
$("img").fullsize();
})


No te preocupes por las imágenes que no deben tener esta funcionalidad, ya que el plugin reconoce que imágenes tienen el atributo longdesc y solo a ellas les aplica el efecto.

Algunos otros atributos para este plugin son:

• shadow - true ó false (valor por default true). Pone una sombra alrededor de la imagen cuando en fullsize.
• zoomInSpeed - valor numérico (200 es el valor de default). Velocidad con que surge el zoom de la imagen
• zoomOutSpeed - valor numérico (200 es el valor de default). Velocidad con que se esconde el zoom de la imagen
• fadeInSpeed - valor numérico (250 es el valor de default). Velocidad con que se da el efecto de fade In en el zoom de la imagen
• fadeOutSpeed - valor numérico (250 es el valor de default). Velocidad con que se da el efecto de fade Out en el zoom de la imagen
• iconOffset - valor numérico (8 por default). La posición donde aparece el icono de fullzise dentro de la imagen pequeña.
• forceTitleBar - true ó false (false vaor por default). usar valor true forza a que la barra de título aparezca aunque el atributo title de la imagen este vacío
• extraTrigger - selector (null valor por default)
• parentSteps - valor numérico (0 valor por default)
• destroy - true ó false (false valor por default)

Enviado por joe el Dom, 04/26/2009 - 18:24.

• Versión para impresión
• Inicie sesión para enviar comentarios
• Send to friend
• PDF version