トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

JavaScript:スクロール可能なイメージViewer の変更点

Top / JavaScript:スクロール可能なイメージViewer

*JavaScript:スクロール可能なイメージViewer [#g479d322]

JavaScriptの勉強がてら、GoogleMapみたいにスクロールできるイメージViewerを作ってみました。

ファイルは以下のとおり
-imgViewer.html
-imgViewer.js
-画像ファイル

***ソース [#mbf19c1a]

まず、いれもののHTMLです。

単純に、bodyの中にコンテナとなるdivタグがあって、そのなかにimgタグがあるだけです。

動かすときは、画像は好きな画像に差し替えてください。

■imgViewer.html
#refpre(imgViewer.html,,1)
#refpre(imgViewer.html,,)

次にJavaScript

■imgViewer.js
#refpre(imgViewer.js,,1)
#refpre(imgViewer.js,,)