画像を手軽に反射させる『reflection.js』

Ajaxにはまっているのでご紹介。
随分前に出たreflection.jsですが、試してみると思ったより簡単だったので実装してみました。
■headの内容は↓
<script type="text/javascript" src="reflection.js"></script>
■HTMLの内容は↓
<img src="reflection.jpg" alt="reflect" class="reflect rheight20 ropacity50" />
以上ですね。
headでreflection.jsを読み込んで、imgタグにclass=”reflect”と設定するだけです。
rheight20、ropacity50はどちらもオプションで、
rheight20 → 反射の高さを20%に設定
ropacity50 → 反射の不透明度を50%に設定
簡単ですね。
ただなぜかMovableTypeでは実装できなかったので、別ページで作っています。
ソースは
こちらからご覧ください。不明だ。。
»
reflection.jsの配布サイトはこちら
Firebugをがんがん使っています。javascriptのエラー箇所が的確にわかっていいですね。