This is an improved version of the reflection.js script rewritten for mootools. It allows to add instantaneous reflection effects to your images in modern browsers, in less thals. It allows to add instantaneous reflection effects to your images in modern browsers, in less than 3kb.
Compared to the original reflection.js, this script has the following added features:
- The reflections appear instantaneously under each image as soon as it completes loading, instead of having to wait for all images of the page to be loaded before seeing all reflections being applied at the same time. This provides a much better user experience.
- The code is smaller than the original reflection.js and has been optimized for mootools. If you are already using mootools, you will gain a few kilobytes.
Performance
Like the original reflection.js, this script is much faster than the script.aculo.us Reflector script (which is not suited for production use), because it does not create a large number of image zones (one for each pixel line). Instead, it uses the canvas tag available in most modern browsers, and DirectX image transformation filters in Internet Explorer, so the reflection image is drawn natively in one step.
Compatibility
This script works in all browsers supporting the canvas tag: Firefox since version 1.5, Camino, Opera since version 9 and Safari since version 1.3. It also works in Internet Explorer 5.5 and more recent by using an alternative drawing technique.
Download from: Softpedia Secure Download (US)