Next Prev

Reflection

It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB.

Visit PhpDaddy.com

Play with this script by changing the html bellow. Submit your changes by clicking on this bar. Refresh the page to reset changes.

<html>
<head>
<base href="http://www.ajaxdaddy.com/web20/reflections/">
      <style type="text/css">
        body {color: white;background: #52616F;} 
        a {  color: white; }
      </style>
<title>Reflection.js Testsuite</title>

<style type="text/css">

</style>
</head>
<body>
<script type="text/javascript" src="javascript/reflection.js"></script>
<div style="height: 600px; width: 500px; background-color: white;">
<img src="images/user.png" class="reflect" alt="reflection.js" style="float: left; padding-right: 15px;" />
<img src="images/firefoxlogo.png" class="reflect" alt="reflection.js" style="float: left; padding-right: 15px;" />
<img src="images/opera.png" class="reflect" alt="reflection.js" style="float: left; padding-right: 15px;" />
</div>

</body>
</html>

Play with this script by changing the html above. Submit your changes by clicking on this bar. Refresh the page to reset changes.

Comment on this example

Tsiou

2008-06-19 19:54:39

You can find The download link in the top of the page under the arrows Great Job

Chris

2008-02-08 06:27:58

Does not work on IE 5.2 Mac OS.

Liu

2007-09-28 07:55:18

where did we actually find the code for the refection part?

James Daley

2007-09-27 01:09:57

This is awesome, I am going to implement this in my new and revamped website.

Loco

2007-09-11 22:27:07

Great reflection..but how come the reflection shows a boxy type on ie7.. no prob with ff..its a png image

Luigi

2007-08-26 00:17:27

Thank!! great Site this ajaxdaddy!!

Marknt15

2007-08-23 22:19:21

I like it! =) Thanks a lot for sharing this ajaxdaddy I will add this functionality to my personal website =D

ZiKRo

2007-08-03 15:06:20

Nice work. I realy like it. Thanks for sharing.

Welcome to AjaxDaddy.com

A large collection of nifty web 2.0 demos

Reflection

It works in all the major browsers - Internet Explorer 5.5+, Mozilla Firefox 1.5+, Opera 9+ and Safari. On older browsers, it'll degrade and your visitors won't notice a thing. Best of all, it's under 5KB.

Comment on this example