ロールオーバーの効果保持

質問

こちらのサイトのように、
http://www.asahi-net.or.jp/~nf3h-uen/0001.html
最後に選択した画像が画面に残るロールオーバー効果を教えてください。

回答No.2

run34ricky · ベストアンサー

作成したHTMLファイルに
HpbImgSwapという名前のJavaScript関数が存在していませんか？

onmouseoverでハイライトを設定して、
onmouseoutでハイライトを解除して、
動作をしているんだと思います。

なので、
HpbImgSwap関数の中身を修正する。または、
参考にしたウェブサイトに倣って、onmouseover属性の動作をざっくりと書き換えて、onmouseout属性を削除する。

となるのではないでしょうか？

お礼

解決しました。ありがとうございました。
ビルダーでは、onmouseover　が自動的に書き添えられるようになっていました。

削除をしたことで解決いたしました。

回答No.1

run34ricky

これは、Javaではなく、JavaScriptですね。

ページのソースを取得していただければ、わかりますが：

(1)
120～125行目あたりにある<img>タグにonmouseover属性がつけられています。
onmouseover="changeImage('画像のパス')"

(2)
23行目あたりにJavaScriptで
changeImage関数が定義されています。
function changeImage(imageName){
　　document.targetimage.src=imageName;
}

(3)
128行あたりに
<img name="targetimage" ～>
があります。

これら３つによって、
(1)の画像のどれかにマウスポインターが掛かると、
(2)のJavaScript関数が呼ばれて、
(3)の<img>タグのsrc属性が書き換わる。
です。

補足

ご回答ありがとうございます。
ホームページビルダーを使用しているのですが、
離れた場所のロールオーバーを使用すると、以下のようにタグが書き込まれます。

～サムネイル部分～
<TD><A href="bcharacter1.html" id="_HPB_ROLLOVER1" target="_blank" onmouseover="HpbImgSwap('_HPB_ROLLOVER1', 'image/schar1.jpg'); HpbImgSwap('_HPB_ROLLOVER2', '../kaisetu/character1.jpg');" onmouseout="HpbImgSwap('_HPB_ROLLOVER1', 'image/schar1.jpg'); HpbImgSwap('_HPB_ROLLOVER2', '../kaisetu/uo.gif');"><IMG src="image/schar1.jpg" width="100" height="100" border="0" name="_HPB_ROLLOVER1"></A></TD>

という感じで、たった一枚のサムネイル画像に、Hpb（ホームページビルダー）と独自のタグを書き込まれ、長くなっているのでいまいち分りません。
上記のような場合でしたら、どのように書き換えを行えば良いでしょうか？