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



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

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

Related Posts Plugin for WordPress, Blogger...


Desarrollador de software egresado de la Universidad Católica de Argentina, blogger y fotógrafo.

Trackbacks/Pingbacks

  1. Bitacoras.com - 16/12/2010

    Información Bitacoras.com…

    Valora en Bitacoras.com: Reflection.js es una biblitoeca Javascript para crear imágenes reflejadas y que la podemos usar con Mootols y también jQuery. (…) Sigue Cómo reflejar una imagen con jQuery y Mootools usando reflection.js (83 words) © Di……

  2. Tweets that mention Cómo reflejar una imagen con jQuery y Mootools usando reflection.js | Pixelco blog -- Topsy.com - 16/12/2010

    […] This post was mentioned on Twitter by Pixelco – Diego, Pixelco – Diego. Pixelco – Diego said: Cómo reflejar una imagen con jQuery y Mootools usando reflection.js http://goo.gl/fb/m6a3i – Pixelco […]

Comentario

Google+