Código limpio

Los amigos de Ajaxorized han creado este simpático script que consigue un efecto de reflexión de imágenes usando javascript no obstrusivo, lo único que debes hacer es agregar una cuantas líneas de código y listo. La solución que ofrecen tiene las siguientes características:

No necesita Flash ni CSS
Cross browser (Probado en Firefox, Opera e IE)
Precarga de imágenes antes de la reflexión.

Esto es lo que pones en tu head:

<script src=”javascript/prototype.js” type=”text/javascript”></script>
<script src=”javascript/scriptaculous.js?load=builder” type =”text/javascript”> </script>
<script src=”javascript/reflection.js” type=”text/javascript”></script>

Tu imagen debe ir en una etiqueta div de la siguiente manera:

<div id = “holder”>
<img src=”image.jpg” />
</div>

Enlace de descarga de los archivos

Enlace al sitio del autor