ポイント時に画像を切りかえる（3） をページ内に複数作る

[統計] HTMLからXHTMLへの移行を進めていますか？

0   名前： ddon ： 2007/03/29（木） 16:01  ID:DBX8N2Ce sub-3e
ページ内に
このようなロールオーバーhttp://www.tagindex.com/javascript/link/change3.htmlを複数作りたいんですけど、
あんまり上手くいかなくて。
どうすれば、作れますか？
1   名前： カヅサツ ◆ThCi95HEzw ： 2007/03/29（木） 16:01  ［URL］  ID:O5hEMlpW sub-r2
1. 変更先の画像URIへのリンクを複数用意しておく
　これでJavaScriptが利用できない環境でも、リンクを使うことで画像を見ることができます。

2. 変更させたいimg要素にid属性で適切な名前を付ける
3. 「1つめの引数をid属性値として持つ要素」のsrc属性値を「2つめの引数」にする関数を書く
4. リンクの onmouseover属性に、「自分自身のhref属性値」「変更させたいimg要素のid属性値」の2つを引数として 3 の関数を指定する
5. リンクの onmouseout属性に、「元の画像のURI」「変更させたいimg要素のid属性値」の2つを引数として 3 の関数を指定する

というような塩梅でしょうか。
一覧へ戻る