16/06Generar marcos dinámicamente con Javascript
Instant JS es un pequeño script [8 Kb] que permite generar dinámicamente una imágen con marco, sombra y rotación a una foto.
Aplicándole a la foto unas clases determinadas puedes conseguir cosas como esta:
Para generar esta imágen se usa el código siguiente
HTML:
-
<img class=“instant ishadow25 itiltleft icolor000000” src=“images/garden.jpg” alt=“garden” />
Donde le asignamos “instant” para que esta foto se procese, “ishadow25” para asignar la opacidad de la sombra, “itiltleft” para que la rote un poco hacia la izquierda y “icolor000000”, donde se le indica el color del marco.
Funciona en la mayoría de los navegadores y utiliza código no-intrusivo.