画像を3D風に左右に傾かせるjavascript「reflex.js」

｜ ｜ ｜ ｜ ｜ ｜

画像をかっこうよく表示したいというのは、多くのサイト開設者の願いでしょう。
reflex.jsはその願いを簡単に叶えるjavascriptです。
画像を3D風に左右に傾かせるほか、リフレクションを加えることができます。

使用方法
使い方は簡単で、reflex.jsからダウンロードしたreflex.jsをheadに埋め込み、imgにclass要素にreflexを付与するだけです。
<!-- head内 -->
<script src="http://yourdomain/reflex.js" type="text/javascript"></script>
<!-- HTML -->
<img src="画像URI" class="reflex">
そのほか以下のようなオプションがあります。
・idistance：リフレクションと画像の間（最小0-最大100、デフォ0）
・iheight：リフレクションの高さ（最小10-最大100、デフォ33）
・iopacity：リフレクションの透明度（最小10-最大100、デフォ33）
・iborder：枠の幅（最小0-最大100、デフォ0）
・icolor：枠の色：（HEX指定、デフォ#f0f4ff）
・itiltright、itiltnone、itiltleft：画像の傾き（デフォ[right|none|left]の順）
画像を3D風に左右に傾かせるjavascript「reflex.js」サンプル

2007年08月30日

前の記事：画像をズームするjavascript「loupe.js」
次の記事：クールなスライドjavascript「MouseWheelBodyScroll」

関連記事

• 奥から手前にズームするJavaScript「Spacegallery.js」
• [mootools]mooVRotatingMenu
• [jQuery]Galleria
• FancyZoom
• Live Thumbnail

• jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
• ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
• BOMBERMAN JAVASCRIPT GAME by mootools.js
• 3ステップで表をソート＆値を検索できるjavascript「dataTables」
• Movable Type 4.2にバージョンアップ
• ページの目次を自動で作成するjavascript「jqTOC」
• JavaScriptライブラリ「raphael」で図を描く
• ニューデザイン
• Widgetboxで手軽にRSS型ウィジェット（ガジェット）を作る
• 奥から手前にズームするJavaScript「Spacegallery.js」