前の記事 «:セクシーに動作するスライドメニューバー実装JSライブラリ
次の記事 »:ページが崩壊していく効果を演出するJavaScript「meltdown.js」

Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ

2007年11月08日

スポンサード リンク
Ajaxorized 3d image reflection with javascript
week, this week an image reflection script, using unobtrusive javascript.

Appleサイトの画像っぽく3Dで鏡面反射画像を作るJSライブラリ。
画像に次のようなエフェクトをかけることが可能です。



使い方は簡単で、次のように3ステップ。

  1. prototype.js、scriptaculous、reflection.js(配布しているもの) を読み込み
  2. <div id="holder"><img></div> を定義
  3. <script> new Reflect3D('holder'); </script>

黒の背景画像にも対応しているようです。
1枚の画像でも、雰囲気のある画像として表示させることが出来ますね。

スポンサード リンク

投稿者 KJ : 2007年11月08日 10:04 | ブックマークに追加する Subscribe with livedoor Reader
間違いの指摘をしていただける方はメールでお願いします


本を執筆しました。