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

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

2007年11月08日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
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枚の画像でも、雰囲気のある画像として表示させることが出来ますね。

関連の記事検索:JavaScript, Webデザイン, javascript, ライブラリ
スポンサード リンク

By.KJ : 2007年11月08日 10:04 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)