パノラマ写真を3Dで縮小表示するjavascript「3D Panorama」

最近のデジタルカメラはパノラマが簡単に撮影できますが、ホームページに使うとなると横幅が長過ぎるのが難点です。
Stupid JavaScript Tricks: "3D" Panoramaでは、パノラマ写真の横幅を縮めた上、3Dで回るように表示することができるjavascriptを紹介しています。
＊FireFox限定

使用方法
Stupid JavaScript Tricks: "3D" Panoramaからjspano.jsをprototypeからprototype.jsをダウンロードしてください。
<script src="http://yourdomain/prototype.js" type="text/javascript"></script>
<script src="http://yourdomain/jspano.js" type="text/javascript"></script>
<script type="text/javascript">
　var pano = new JsPano('id名',幅,高さ,300,200,3);
</script>
上記を記述したら、指定したid名を画像に付与すれば完成です。
<img src="画像パス" id="id名">
パノラマ写真を3Dで縮小表示するjavascript「3D Panorama」サンプル

2007年12月21日

前の記事：画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」
次の記事：タイムライン作成javascript「Timeline」

関連記事

• 画像に3Dの反射効果を与えるjavascript「3d image reflection with javascript」
• [prototype]Fast Loader
• [prototype]Protoload
• [prototype]image blending
• [prototype]Slideshow

• 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」