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

暮らしカテゴリーの変更を依頼記事元:

coliss.com

82 usersがブックマークコメント

コメント

5

記事へのコメント5件

注目コメント
新着コメント

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

javascript

2012/07/25 リンク

boyasan ・・

2010/11/26 リンク

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

2010/11/22 リンク

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

2010/11/15 リンク

inthesoup Googleマップのように

jQuery

2010/11/11 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

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

大きい画像を限られた領域内に表示し、Googleマップのようにマウスのクリックとドラッグでその画像をア... 大きい画像を限られた領域内に表示し、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." /

ブックマークしたユーザー

torimoku2012/07/25
ji_ku2011/04/02
kenny_da_beach2011/02/01
keyboardmania2011/01/26
aoiro_moon2010/12/12
n_isam2010/12/12
littlefield2010/12/02
yutoron2010/11/27
boyasan2010/11/26
heatman2010/11/22
dreamily2010/11/22
fake_rasukaru2010/11/17
kanariia2010/11/15
bigwest2010/11/15
adecisivemoment2010/11/14
hvc-0012010/11/14
takazawa06082010/11/12
yamawaki642010/11/12

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx