Comments on: Image Reflection with jQuery and MooTools

By: David Walsh

David Walsh — Thu, 17 Jun 2010 13:28:28 +0000

@Nickolas Simard: Hairy muses FTL.

By: izdelava strani

izdelava strani — Fri, 04 Dec 2009 17:15:26 +0000

Wow, didn’t know that it can be done coding. I was doing it in photoshop and stuff. Good tip, thanx

By: chris

chris — Thu, 03 Dec 2009 05:17:02 +0000

nice post, great job, you made it come true. I think that’s what I am looking for.

Your site is nice, too!

By: Nickolas Simard

Nickolas Simard — Wed, 02 Dec 2009 21:47:56 +0000

Ah, I knew I had seen that script somewhere… when you mentioned Christophe Beyls, I knew I was right!

Great sum up of the usage of the script. I personally prefer the demo provided by Christophe – more dynamic and such… though the muse is more hairy :D.

By: Ryan Florence

Ryan Florence — Wed, 02 Dec 2009 20:14:14 +0000

I was really hoping this post would be “Introducing Scroll”

By: Strap

Strap — Wed, 02 Dec 2009 16:00:37 +0000

I agree with you that reflection.js is a great piece of code but… in my machine doesn’t work! :)
I use mootools-1.2.4 via google api and other plugins.
I found a solution, replace line 53:

wrapper = new Element(($(img.parentNode).get(“tag”) == “a”) ? “span” : “div”).injectAfter(img).adopt(img, reflection);

width:

var parentNode = $(img.parentNode);
if (parentNode != null) {
wrapper = new Element((parentNode.get(“tag”) == “a”) ? “span” : “div”).injectAfter(img).adopt(img, reflection);
}
else {
wrapper = new Element(“div”).injectAfter(img).adopt(img, reflection);
}

And… it seems to work! :)

My two cents.
Cheers.
Strap

By: derschreckliche

derschreckliche — Wed, 02 Dec 2009 15:09:57 +0000

Thx for the share, very useful script!
Always wanted to know a possibility to do client-side reflections… ;)

By: David Walsh

David Walsh — Wed, 02 Dec 2009 14:53:53 +0000

@Chris the Developer: She’s never gone! :)

By: Chris the Developer

Chris the Developer — Wed, 02 Dec 2009 14:50:19 +0000

Haha! I was wondering where Christina had gone…