紹介します。・・・・・ ホームページなどでは「ロールオバー」又は、「マウス オン」と呼ばれています。
ここでは、下の 「レッサーパンダ２態」 を例として使い説明しましょう。
ここにマウスを載せますと、レッサーパンダの寝てる顔が見られます。
２００７－１１－０７ 川崎市立夢見ヶ崎動物公園にて
【 用意するもの 】 自分のブログに載せたい写真２枚 「Ａ」、「Ｂ」 を用意します。
常時文面に表示しておきたい写真を 「Ａ」（岩の上に寝ている画像）、マウスを載せたときに
表示する写真を 「Ｂ」 （接近して撮った写真）とします。 写真は２枚とも、同じ画像サイズに
しておきます。又、横・縦位置はどちらかに統一しておきます。どちらも、異なると表示したと
き見難くなりますので、なるべく揃えた方がいいでしょう。 注意しましょう。
【 タグの書き方 】 タグ ： ホームページの動きを表す命令を書き込むための書式です。
先ず「新規投稿」を開き「Textエディタ」編集画面のままで、適宜に文章・説明文などを書き込
みます。次に画像を入れたい行に・・・例では、「ここにマウスを・・・・・」の下に入れました。・・・
画像タグ 「＜img src="」 を書き、アップしたい写真「Ａ」を 「画像を選択/解除」 から選択し、
画像ファイル名 「http://blogimg.goo.ne.jp/user_image/・・Ａ・・.jpg」 をコピー&ペーストします。
その後に 「"onMouseOver="this.src='」 を書き込み、マウスを載せて表示する
写真「Ｂ」を画像「Ａ」と同じように 「画像を選択/解除」 から選択して、画像ファイル名
「http://blogimg.goo.ne.jp/user_image/・・Ｂ・・.jpg」 をコピー&ペーストします。
その後に 「'"onMouseOut="this.src='」 を書き込み、再び写真「Ａ」の画像ファイル名
「http://blogimg.goo.ne.jp/user_image/・・Ａ・・.jpg」 をコピー&ペースト、「'"＞] を書き込みます。
例題のロールオーバー画像の文章・タグ全文は下の、「新規投稿」 画面のように書かれています。
【 注 意 】 －12/4 文中一部訂正、追加。－ あまもりさん、ご指摘 有難うございます。
上のタグ文５行は（＜img ～jpeg"＞）、imgとsrcの間にスペースを入れ、後は続けて書きます。
説明文中の ＜ ＞ は小文字記入、’ ” の別に注意、他の文字は文中の通りに書きます。
タグを書き込んで「投稿」しても、動作しない場合はタグ文を再点検してください。
どこか抜けているか、書き込みミスがあると思います。
上手くいかなければ、試しにご自分のブログに、このタグ文を書き込んでみてください。
この技法は「gooブログ」以外は試しておりません。
－ 以上 －
