Imágenes con efecto polaroid usando JavaScript

Viernes, 15 de Junio de 2007 13:18

Instant.js es un script no obstrusivo que permite agregar un efecto tipo polaroid a las imágenes de forma muy sencilla [ Descargar ]

Su funcionamiento está limitado a Firefox, Opera y Safari. ~~En cambio IE, al no soportar Canvas , mostrará la imagen original.~~ La nueva versión 1.1 ofrece también soporte para IE 6 y 7.

Para usarlo incorporamos el script a nuestro sitio:

HTML

<script type="text/javascript" src="instant.js"></script>

Y agregamos la clase "instant" a la imagen que queremos modificar:

HTML

<img class="instant" src="imagen.jpg" width="200" height="200" alt="">

Parámetros:

.Sombra: ishadowX, en donde X es un numero entre 0 y 100. Por default el valor es 33
.Orientación de la imagen: itiltleft (izquierda), itiltright (derecha) o itiltnone (ninguno)
.Color del marco: icolorX, en donde X es el color que queremos para el marco, puesto en hexadecimal.

Ejemplo:

HTML

<img class="instant ishadow65 itiltright icolorFFFFFF" src="imagen.jpg" width="200" height="200" alt="">

..y tal vez te interese:

¿Te ayudó este artículo?Puedes suscribirte al feed RSS ó dejar tu email para recibir las últimas noticias, tal como lo hacen actualmente las 2719 personas que siguen al blog

Comentarios (6)