0 && $edn < $lmax ) ? $edn: $lmax; $fmt = '%0'.strlen($edn).'d: '; for (; $stn<=$edn; $stn++ ) { $tstr = htmlspecialchars(mb_convert_encoding($lines[$stn-1],SOURCE_ENCODING,"auto")); $res .= ( $args[2] ? sprintf($fmt,$stn):'').refpre_replace_tab($tstr); } return '
'.$res.'
'; } ?> JavaScript:スクロール可能なイメージViewer - HiiHahWIKI - making some notes for... -
トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

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

Last-modified: 2013-08-24 (土) 02:14:21 (3387d)
Top / JavaScript:スクロール可能なイメージViewer

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

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

ファイルは以下のとおり

  • imgViewer.html
  • imgViewer.js
  • 画像ファイル

ソース

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

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

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

■imgViewer.html

#refpre(imgViewer.html,,)

次にJavaScript?

■imgViewer.js

#refpre(imgViewer.js,,)


添付ファイル: fileimgViewer.js 731件 [詳細] fileimgViewer.html 887件 [詳細]