Javascriptでパノラマ写真をドラッグ
GWっつーことでパノラマ写真を撮って来たんですが見せ方に困ったのでJavascriptでビューワを書いて見ました。
pictviewer for Javascript、Drag Move Pictures
jqueryのことなんかすっかり忘れていた私は普通に手書きでシコシコとJavascriptを書いてしまいました。最初はActionScriptで書こうと思ってたのですが、まぁjs使いの端くれとしてやっぱJavascriptですかねって事でJavascriptで書いてみました。
動作はマウスでドラッグしたら写真が動くってだけです。それだけじゃつまらないのでフルスクリーン表示（ブラウザ内の）とサムネイルビューを付けてみました。試行錯誤しながら作っただけにソースはグッチャグチャでお見せできるようなもんではありませんが最適化したらきっとキレイになるだろうなって構造にはなっています。
写真の切り替え時にはプリローダ的なGIFアニメーションが動きますね。動作の確認はFirefox、Safari、Chorome、Opera、IE6で行って問題なく動いたので大丈夫かなと。Firefoxだけ最後の最後までうまくいかなかったんですが、ドラッグするdivの中身が空だったらうまく動作しないみたいで、中にテキストいれたらちゃんと動きました。Firefoxはキライだっ！
ということで、パノラマ写真とか大きい写真を魅せたい！という場合のスクリプトでした。
新規コメント出力エリア
新着情報ここまで
和田憲幸の広告
- BTOパソコン
- www.pc-take.com自作PCやBTOパソコンの事ならシューマイが美味しい神奈川県は横浜のPC-takeにお任せください。
- 事業再生のSTP
- www.s-tp.jp経営が苦しい、そんなときはSTPに経営相談や経営コンサルティングをご依頼ください。
- ドライフラワー卸売り
- www.coretrading.co.jpドライフラワーやプリザーブドフラワーの業務用卸売りならコアトレーディング。
- 通話録音装置 ネイクス
- www.neix.co.jp通話録音装置や通話録音システムのことならネイクス。
- インプラント 東淀川区上新庄
- www.higashi.ne.jp東淀川区上新庄でインプラントや矯正歯科ならひがし歯科で決まり！
- 吉野川 ラフティング
- www.safari-g.com四国は吉野川でラフティングやハイドロスピード、キャニオニングと言えばサファリだよね。
- ホームページ制作 アルバイト
- next-level.bizホームページ制作、Webデザイナーのアルバイト、SOHOのことはネクストレベルまでご相談ください。
- 札幌 美容室 アイウィル
- www.aiwill.jp札幌市中央区で美容師をお探しの際はアイウィルまでお越しください。
- WEBLOGS6.1.0
- www.synck.jpこのブログはシンクテクニカのウェブログでつくられています
- 札幌 ホームページ制作
- www.synck.com札幌でホームページ制作やWebアプリケーション制作ならシンクグラフィカへ。
- iPhoneで内線電話
- www.smartgate.biziPhoneやAndroidから内線電話が無料でかけれる。
- 新潟リフォーム
- www.neohouse.jp新潟で注文住宅とリフォームはネオハウス。
