Use it for your photographs...

And all your other webpage images...

Reflection.js works well with logos, icons and dynamic image content such as forum avatars.

Reflection.js comes into it's own with forum avatars; you can apply a reflection effect to every avatar on your forum or blog without any additional server work.

Try it out with your own images using the reflect-o-matic:

Enter the URL of an image:

Features

• Fun and easy to implement! Just add class="reflect" to your images
• Automatically blends into background colours or images
• It's easy to vary the reflection height and opacity
• Can respond to user actions through Javascript
• Degrades in older browsers; they won't notice a thing!
• It's smaller in size than most images; under 5KB!

Download

Download the latest version, Reflection.js v2.0.

Please see the readme.html file inside this download for instructions on how to use reflection.js. You only need to upload reflection.js. Or just get the javascript.

Implementations

Many of these implementations include an older versions of reflection.js in their download. You may wish to use the latest version of reflection.js from this webpage instead.

• Blog / Blogger: For hosted Blogger.com blogs.
• Blog / Lifetype: Reflection Plugin
• Blog / Typo: Plugin for Typo, Ruby on Rails blog engine
• Blog / Wordpress: WP Wet Floor
• CMS / Typo3: Reflection effect for the Typo3 CMS
• CMS / TextPattern: The wetfloor plugin for the TextPattern CMS
• Forum / Invision Board: Avatar Reflection Mod
• Forum / phpBB: phpBB Modification (or use the instructions here)
• Forum / SMF: Add Reflection.js to your Simple Machines forum avatars or via BBCode
• Forum / vBulletin: Avatar/Image Reflection Effect
• Gallery / ZenPhoto: Simple+ Theme incorporates Reflection.js
• Images / Lightbox: Modification of Lightbox 2.0.2 with Reflection.js

If you know of or have created a package to add reflection.js to existing scripts please let me know and I'll add it to this page.

Got Comments?

Please leave any comments you may have on my blog.

About the Author

Hi! I'm Ken and I've been developing websites and writing code for more than 8 years! In this time, I've completed work for various academic institutions, engineering companies and a Fortune 100 financial services company. I also actively maintain a technology blog.

Please feel free to contact me at ken at khlo dot co dot uk if you're interested in one of the following services:

• Integration of Reflection.js into your existing website/application
• Custom modifications to Reflection.js or other similar scripts
• Other PHP, Perl, Javascript, mySQL work

Other Stuff

The photographs taken on this page were all taken by myself in Florida, USA. You can see more of my photos on my Flickr page.

If you're looking for other awesome Javascript image effects, check out Christian Effenberger's scripts.

You can read my blog at cow.neondragon.net.