Cómo reflejar una imagen con jQuery y Mootools usando reflection.js

Como-reflejar-una-imagen-con-jQuery-y-Mootools Cómo reflejar una imagen con jQuery y Mootools usando reflection.js

Reflection.js es una biblitoeca Javascript para crear imágenes reflejadas y que la podemos usar con Mootols y también jQuery.

Por ejemplo, dado el código HTML de una imagen:

<img src="cricci-player.jpg" alt="Christina Ricci" />

Nada del otro mundo, un simple imagen incrustara en una página web. Para aplicarle un efecto reflejo usando Mootools:

window.addEvent('domready',function() {
var options = { height: 0.5 };
$$('img.reflect').each(function(img) {
img.reflect(options);
});
});

Para aplicarle un efecto reflejo usando jQuery:

document.ready(function() {
var options = { opacity: 0.75 };
$('.reflect').reflect(options);
});

Image Reflection with jQuery and MooTools

Post original (en inglés): Image Reflection with jQuery and MooTools

Reflections.js: www.digitalia.be/software/reflectionjs-for-mootools