６

 　表示

basic.gif (3042 バイト)

５

 　画像を入れ替えよう　IE.gif (941 バイト)4.0以上

今回は画像を入れ替える命令をやってみよう。
この命令とよく似た命令をすでにJavaScriptでやっているので、JavaScriptを勉強した人はわかりやすいと思うよ。

★.src = "■";・・・・・★の画像のURLを■に変える
■：表示させたい画像のURL

今回の命令はそんなに難しくないよね。
srcというのは<IMG>タグの中にも出てきたね。
これは画像のURLを示しているんだ。
つまり,★の画像のURL（src）は■という意味だね。

プログラムを簡単に作ってみよう。

<IMG src="../../../sozai/icon/ikimono/124.gif"
onmouseover="this.src='../../../sozai/icon/ikimono/123.gif'" 　　　　←マウスが乗ったとき
onmouseout="this.src='../../../sozai/icon/ikimono/124.gif'">　　　　←マウスが離れたとき

これを実行すると、

↑マウスが上に乗ると画像が切り替わる

ほらね、簡単に出来たでしょ。

back.gif (1116 バイト)　好きなHTML文を入れたいPart1
next.gif (705 バイト)　背景を切り替えよう