画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」

以前、画像に反射効果を与えるjavascript「Reflection.js」を紹介しました。
今回紹介するのは、これを3D風にした3d image reflection with javascriptです。

使用方法
3d image reflection with javascriptからファイル一式をダウンロードします。
<script type="text/javascript" src="http://yourdomain/prototype.js"></script>
<script type="text/javascript" src="http://yourdomain/scriptaculous.js?load=builder"></script>
<script type="text/javascript" src="http://yourdomain/reflection.js"></script>
上記を記述したら3Dの反射効果を与えたい画像をdiv id="id名"で括りscriptを画像直下に書き込めば完成です。
<div id ="id名">
<img src="画像パス">
</div>
<script type="text/javascript">
new Reflect3D('id名');
</script>
画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」サンプル

2007年12月20日

前の記事：クールなズームエフェクトjavascript「jQZoom」
次の記事：パノラマ写真を3Dで縮小表示するjavascript「3D Panorama」

関連記事

• パノラマ写真を3Dで縮小表示するjavascript「3D Panorama」
• 画像ギャラリーの定番javascript「LightBox」
• クールなニューススティッカーjavascript「JavaScript News Sticker」
• iPhotoライクな画像ギャラリーを作成するjavascript「iPhoto-like image resizing」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」

• ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
• JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
• Webカラーに関するサイト21
• 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
• 心地よく要素を切り替えるJavaScript「jFlip」
• CoverFlowを実現するJavaScript「JS Coverflow」
• 画像を丸く輝かせるJavaScript「sphere.js」
• セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
• JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
• カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」