Demo

Reflex.js 1.2 allows you to add a Cover Flow? effect (including reflection) to images on your webpages. *Cover Flow is a trademark of Apple Inc.. It uses unobtrusive javascript to keep your code clean.

It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it’ll degrade and your visitors won’t notice a thing.

How to use


<html>
<head>
<title>Reflex.js (with IE 6/7 support)</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-language" content="en">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<script type="text/javascript" src="reflex.js"></script>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
.demo { float: left; padding: 5px; }
</style>
</head>
<body>
<div class="demo"><a href="images/left.jpg">
<img src="images/left.jpg" width="200" class="reflex iopacity50" alt="" /></a>
<small><br>"<tt>reflex iopacity50</tt>"</small></div>
<div class="demo"><a href="images/none.jpg">
<img src="images/none.jpg" width="200" class="reflex iopacity75" alt="" /></a>
<small><br>"<tt>reflex iopacity75</tt>"</small></div>
<div class="demo"><a href="images/right.jpg">
<img src="images/right.jpg" width="200" class="reflex iopacity25" alt="" /></a>
<small><br>"<tt>reflex iopacity25</tt>"</small></div>
</body>
</html>

More info
http://www.netzgesta.de/reflex/