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...

- Quitar Marcos
- Abrir ventana centrada en pantalla con Javascript
- Validación formularios en Javascript
- Tipos de datos en JavaScript
- Funcion: alert() confirm() y prompt() en Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento