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

Diego Cambiaso

hace 14 años

Cómo reflejar una imagen con jQuery y Mootools

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);
});