Xyberneticos

Via ajaxian descubro Instant.js 1.0 un script que nos permite agregar un efecto polaroid de forma fácil y rápida (una buena forma de evitar tener que editarlas). Funciona muy bien con todos los navegadores “importantes” - Mozilla Firefox 1.5+, ópera 9+ y safari. Pero en IE viejos no se vera ninguna modificación, lo que nos es problema ya que los usuarios no notaran ninguna diferencia, simplemente verán la imagen e forma normal.
Para comenzar a utilizarlo necesitamos descargar nuestra librería , subirla a nuestro hosting y llamarlo desde nuestro sitio, para ello copiaremos el siguiente código antes de nuestra etiqueta < /HEAD >

Ahora a las imágenes que deseamos darle este efecto le agregamos la clase "instant". Ej:

Ejemplo:

Después de nuestra clase "instant" podemos agregar otros parámetros para personalizar o modificar el efecto, por ejemplo cambiar la inclinación, dar más opacidad en la sombra, etc.
Los parámetros que podemos agregar después de la clase instant son:
Dar opacidad a Sombra: El parametro “ishadow55” , nos sirve para modificar la opacidad de nuestra sombra, como vemos ishadow esta seguido por un numero este podrá varias entre 0 y 100 aunque si optamos por introducir únicamente la clase “instant” sin ningún parámetro, nuestra imagen tendrá una opacidad en su sombra de forma default de 33.

Ej codigo:

Ej Visual

Cambiar la Orientación de la imagen: luego de nuestra clase “instant” podremos agregar los siguientes parámetros que cambiaran la inclinación de la imagen, ellos son itiltright (derecha), itiltleft (izquierda), o itiltnone (ninguno)
Ej codigo:

Ej Visual

Cambiar el Color del marco de la imagen: Para cambiar el color del marco agregamos el parámetro “icolor000000”, donde “000000” corresponde a su color, en este caso 000000 = Negro, siempre el color deseado deberá ser expresado en hexadecimal.
Ej codigo:

Ej Visual

Tambien podremos agregar todos los parametros juntos:
EJ Codigo

ej Visual

Descarga instant.js
Post original netzgesta
Via ajaxian