Efecto 'reflejo vertical' en imagenes con Javascript

Muestra: Efecto reflejo con JavascriptAra Pehlivanian ha creado una script que permite agregar un efecto de reflejo o espejo a nuestras imágenes. Simplemente basta indicar el atributo id de una etiqueta img. Esta disponible bajo licencia Creative Commons.

Forma de Implementarlo:

<html>
<head>
<title>Efecto espejo</title> 
<script type="text/javascript" src="reflect.js"></script>
<script type="text/javascript">
   window.onload = function(){
   var reflections = new ARA.effects.Reflection();
   reflections.addImage("miImagenID");
   reflections.reflect();
   }
</script>
</head>
<body>
<img id="miImagenID" src="mi_imagen.jpg" width="193" height="51" />
</body>
</html>
 

Podemos ver unos ejemplos en la blog del autor, como también descargar un ejemplo en el cual se maneja mas de una imagen.

Comentarios Comentarios formato RSS

  1. avatar Carlos 2009-04-09 18:05:32 1 Interesante implementacion pero lastimosamente no funciona con internet explorer.

Dejar un comentario