category
サイト構築 -JavaScript

[JS]画像に3Dの鏡面効果を与えるスクリプト -reflection.js

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

reflection.jsは、画像に3Dの鏡面効果を与えるPrototypeのプラグインです。

reflection.jsのキャプチャ画像

3d image reflection with javascript

reflection.jsの動作には、prototype.jsとscriptaculous.jsが必要で、外部スクリプトとして使用します。
デモ:背景白
デモ:背景黒

鏡面効果を与える画像のコードは、下記のように記述します。

画像箇所

<div id="holder"> 
<img src="image.jpg" /> 
</div>

トリガー

<script type="text/javascript"> 
new Reflect3D('holder'); 
</script> 

Post on:2007年11月6日

  • この記事をdel.cio.usに登録する
  • この記事をはてなブックマークに登録する
  • この記事をGoogleブックマークに登録する
  • この記事をYahoo!ブックマークに登録する
  • この記事をdiggに登録する
  • この記事をlivedoor clipに登録する
  • この記事を@nifty クリップに登録する

トラックバック

トラックバック(URL)

コメント

comment:

※承認制のため、即時には反映されません。

ページの先頭へ




© coliss

RSS