イメージマップ内のロールオーバーで切替後の画像のURL設定について。 下記のURLでは、３枚の画像を用意し、tab1,tab2,tab3,と三つのタブの場所にそれぞれイメージマップを利用してロールオーバー効果を持たせ、tabにカーソルが乗ったとき３枚の画像が切り替わるようになっています。 http://sky.geocities.jp/make_it_move/index.html そこで、皆さんにお聞きしたいのは、切り替わった画像それぞれに異なったリンクを指定する方法です。 ソースは <SCRIPT type="text/javascript" > function imgHover(path){ var target=document.getElementById('AreaMap'); var imagePath='./img/'+path; target.src=imagePath

表示させたい画像が ＡＢＣＤＥ という柄の一枚の画像であって， ＢＣＤのみが見えているとします。 ＡＢＣＤＥ └┬┘ 見えている範囲(例えばステージの範囲) このような場合， 簡単にするにはこの画像を左右に２つ，もしくは３つ並べます。 左右に２つ並べるとするなら次のような感じになります。 ＡＢＣＤＥＡＢＣＤＥ └┬┘ 見えている範囲 たとえば， この２つ並べた画像を右に１つ動かしたとします ＡＢＣＤＥＡＢＣＤＥ └┬┘ 見えている範囲 さらにもう１つ動かしたとします。 ＡＢＣＤＥＡＢＣＤＥ └┬┘ 見えている範囲 Ａの画像の左に背景が見えてしまいますから，この時点で アウト! です。 アウトになった瞬間，ＡＢＣＤＥの幅と同じ座標分，左に画像を動かします。 ＡＢＣＤＥＡＢＣＤＥ └┬┘ 見えている範囲 これでＡの左の背景が見えなくなりＡの左にはＥが表示されます。 だいたいこのようなパターンが