Ara Pehlivanian has created a simple reflect.js script that allows you to add reflection to your images using simple JS that adds just one DOM element.
Using Ara's API you can get as simple as:
JAVASCRIPT:
-
-
var reflections = new ARA.effects.Reflection();
-
reflections.addImage("myImageID");
-
reflections.reflect();
-
or more advanced:
JAVASCRIPT:
-
-
var reflections = new ARA.effects.Reflection();
-
reflections.addImage("me");
-
var imgs = [];
-
imgs.push(document.getElementById("csarvenWLGreen"));
-
imgs.push(document.getElementById("microformats"));
-
reflections.addImagesRaw(imgs);
-
reflections.addImagesByClassName("reflect");
-
reflections.addImagesByClassName("reflect1", {startPoint:"group",alpha:.75,depth:
-
reflections.reflect();
-
There are a set of examples for you to play with too.