Imágenes con efecto polaroid usando JavaScript

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 de uso:

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

Usuarios que han visto este tema también han visto...

- Capa Deslizante
- Operadores especiales en JavaScript
- Funciones en Javascript
- Barra de cargando página en JavaScript
- Efectos del Ratón

- Versión imprimible de este documento

- Enviar por e-mail este documento