New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:

IE5+

Image reflection effect

Author: Savio

Description: Welcome in an old effect, rendered using new technology- DHTML! It's an image script that applies a "live" reflection below any image, and is superior to the traditional Java rendered effect both in terms of download speed and smoothness. The only shortcoming is that IE 4+ is required to see the reflection, with all other browsers getting simply the image itself.

Demo: (Note: Image obtained from AnfyJava)



Directions Developer's View

Simply insert the below into the <BODY> where you wish the effect to appear.

Select All

Be sure to change the src property inside the <img> tag to your own.

Technical Note

This script accesses the BODY onload event (window.onload). If you have another script on your page that does the same, one of them will not run. Click here for information on getting both scripts to work simultaneously. Also, you MUST insert the code of Step 2 in open space, not contained inside any tag other than the <BODY>. This is for Netscape's sake, for failure to do so will cause the menu to not be rendered properly in that browser.