En ANIETO2K encuentro un interesante recurso, se trata de Instant.js , una librería JS que interactua con nuestras imagenes y nos permite hacer que el aspecto de las mismas sean similares a las polaroids. [Descargar][Demo]
Su funcionamiento está limitado a Firefox, Opera y Safari. En cambio IE, al no soportar Canvas , se mostrará la imagen original.
Para usarlo incorporamos el script a nuestro sitio:
Código HTML:
<script type=»text/javascript» src=»instant.js»></script>
Y agregamos la clase «instant» a la imagen que queremos modificar:
Código 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:
Código:
<img class=»instant ishadow65 itiltright icolorFFFFFF» src=»imagen.jpg» width=»200″ height=»200″ alt=»»>
Cosas sencillas 