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 のバックアップ(No.2) - HiiHahWIKI - making some notes for... -
トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

JavaScript:スクロール可能なイメージViewer のバックアップ(No.2)


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

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

ファイルは以下のとおり

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

ソース

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

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

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

■imgViewer.html

#refpre(imgViewer.html,,1)

次にJavaScript?

■imgViewer.js

#refpre(imgViewer.js,,1)