• ベストアンサー

javascriptで画像移動時に表示するマップ

webサイトで、大きな画像が枠に収まらない状態で、 マウスやスクロールバー等で画像の表示位置を変更する際に 表示する全体マップについてjavascriptでの実現方法を知りたいです。 どんな全体マップかといいますと 大きい画像の横隅に全体マップが表示されて、 大きいほうの画像の表示位置を変更すると、 全体マップの見えている部分を示すフィルターが移動する。 というような動作をjavascriptで考えております。 2日ほどかけても、良いサンプルが見つかりませんでしたので、こちらで質問させていただいてます。 ちなみにイメージ画像を添付しておりますので、ご参考にしていただければと思います。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

先月(2010年12月)ここで、そのようなサンプルの質問が投稿されていた。 これ↓ http://okwave.jp/qa/q6386595.html でも、もうリンク先が無くなったみたいだ。 「マジックズーム」とか「画像ズーム」で探せばいろいろ見つかるかも。 ※私が作った出来損ないMagicZoomCanvas(?)でよかったらどうぞ↓ https://gist.github.com/744364 (Firefox 3.6 、Google Chrome 8.05 で動作確認してあります。IEはだめ)

noname#136767
質問者

お礼

ありがとうございます 今回は「画像ズーム」はしないので ちょっと違うかなと思います。 でもこちらも参考になりますので、大変助かります。

noname#136767
質問者

補足

「画像ズームで調べたら求めていたものがありました ありがとうございました。