[JS]限られた領域内で大きい画像をドラッグでスライドできるスクリプト -SpryMap

大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプトを紹介します。 SpryMap デモページ [ad#ad-2] スクリプトはjQueryなどの他のライブラリは必要とせず、単独で動作します。 SpryMapの特徴 他のライブラリに依存せずに動作する超軽量（3KB）のスクリプト。 画像を表示する領域はピクセル単位で指定が可能。 画像を最初に表示する座標を設定可能。 スクロールのアニメーションの時間を設定可能。 SpryMapの実装 実装は簡単で、画像にidを指定して使用します。 HTML スクリプトでラッパーとなるdiv要素を追加します。divのclassはオプションで設定できます。 <img id="worldMap" src="map.jpg" alt="A map of the world." /

[torimoku]

googleマップ風にドラッグでスライドできるjs でも拡大はできないようです

[boyasan]

・・

[dreamily]

Googleマップのようにマウスのクリックとドラッグでその画像をアニメーションでスライドできるスクリプト。

[kanariia]

大きい画像の見せ方の選択肢のひとつに

[inthesoup]

Googleマップのように