Hi guys, I'm new to these forums and would like to throw a tutorial out to you to gain some friends on here! I use this on my latest portfolio site... It is to create nice mirror images under an image on your websites using Javascript from Mootools and Digitalia (a big thanks to the guys over there!) Find attached 2 files, the reflection.js and mootools.v1.11.js (in zip files, extract it before use) Installation: Simply add the following code to the header of your website: <script type="text/javascript" src="js/mootools.v1.1l.js"></script> <script type="text/javascript" src="js/reflection.js"></script> Code (markup): Then upload the 2 attached files to a folder on your server (in the root) called "js" [i.e. root > js > files] Adding the reflection to the desired image: A simple CSS class named "reflect" has to be added to your images like so... <img src="Example.jpg" class="reflect" /> Code (markup): Save your page, refresh your site and voila, awesome reflections with opacity underneath your original picture! See my demo here... Let me know how it goes, and what you guys think! RJP1
Hi RJP1, Can that effect be applied to other thing than images as well? Such as Text in a DIV? Regards...
Hi ziffgone, Good question, although I've never tried, I doubt that will work... The script acts on images. I guess there's no harm in trying though, try adding class="reflect" to the DIV in question. Let me know if you get it to work! RJP1