ページ上で様々な用途に使えそうなツールを作ってみました。有効な設定でなければなりません。して認識させる」にチェックを入れて下さい(必須)。お使いの場合は、念のため現在のウィンドウサイズをドラッグするなどして画面サイズにして下さい。ブラウザによっては、表示中にウィンドウサイズを変えたり、表示形式を変えたり(フルスクリーン表示など)すると、表示が大きく崩れる場合があります。その場合はページ情報を更新(再読み込み)すると正常に戻ります。以下のサンプルを見て下さい。クリックすると新しいウィンドウが開きます。左に小さい画像、右に大きい画像が表示されます。画像が完全に読み込まれたら、小さい画像の上にマウスカーソルを当ててみて下さい。サポートしていないか、無効な設定になっているために動作しません。island(幻想的なCG画像です)一見すると、よくある拡大鏡ツールに似ていると思います。拡大表示するだけでなく、違った表示が出来るという点です。地図であれば、小さい方の画像には入らない細かな地名・建物名を大きい方の画像には入れておく、といった使い方が出来ます(「北海道立体マップ」参照)。地図に限らず、様々な写真や図面の拡大表示に、と用途は広いです。画像の拡大表示に使うこともできます。モニターの画面サイズは限られています。反面、部分を拡大すると全体像は失われます。拡大ツールはマウスカーソルの指示点を通じて両方の情報を結びつけます。ページ制作者が意図すれば、単に拡大表示する以上の様々な情報を付加することが出来るわけです。作り方を説明しましょう。大きい画像と小さい画像を用意して下さい。これらは正確に相似でなければなりません。1つの画像から画像ソフトを使ってサイズ変更(縦横の比率は固定)すれば簡単に作れます。圧縮ファイルを作成すること、小さい画像の高さは画面からはみ出ないようにすることがポイントです。用意できたら以下の2つのファイルをダウンロード(ファイルとして保存)して下さい。ファイルを作成し、適当な名前を付けて保存して下さい(例:picture1.htm)。青で強調表示している個所は、あなたが設定するところです。同じ数字にして下さい。同じ数字にして下さい。同じ数字にして下さい。ここのサンプルなら81。同じ数字にして下さい。ここのサンプルなら81。同じ数字にして下さい。同じ数字にして下さい。置いてあるパスを指定--></BODY></HTML>ポインター画像とは小さい画像内のマウスカーソルの位置を大きい画像内で示す画像です。自分作ったものを使ってもかまいません。設定を間違わないようにして下さい。画像の実際のサイズと違ってもいけません。ないと、まともに動作しません。「(ここに好きな文章を入れます)」の部分には画像の説明や著作権表示など好きな文章を入れます(タグ可)。画面から下にはみ出さないよう、文章は簡潔にして下さい。斜字体の2行は著作権表示なので削除・変更不可です。ファイルとダウンロードした2つのファイルをそれぞれパスの通った所に置きます。3つのファイルを同じディレクトリに置く場合は上記のままで結構です。...のように指定を変えて下さい。これでプログラムとしては完成です。ファイルを表示させたときにスクロールバーが表示されてしまいます。別に気にしないならいいのですが、表示させたくない場合は他のページからリンクするときにスクロールバー無しの別ウィンドウで表示させるようにします。拡大鏡のページへ</A>こんな感じにすると良いでしょう。することで、スクロールバーが非表示になると共に、表示領域も広くなります。プログラムは著作権表示(上記ソースの斜線部分)を削除・変更しない限り、ホームページ等に自由に使って結構です。やむを得ず大きく変更する必要がある場合は、掲示板かメールでご連絡下さい。個々の画像には著作権のあるものもあります。画像の作者に了解を取るか、ご自分で用意したものを使用しましょう。ストリートビュー」です。→ご意見・ご質問がありましたら「ザ・掲示板」またはメールにて梅ちゃん堂まで。