画像の上にマウスをのせると画像がもう1枚の画像にチェンジします。
1月27日のも同じです。
作り方
2枚の画像をアップロードします。
画像の大きさは [goo ブログ標準]でも[変更なし(オリジナルサイズ)]でも大丈夫です。
上になる画像。
下になる画像。
<img src="上画像"onmouseover="this.src='下画像'"onmouseout="this.src='上画像'">
このタグをコピーして、「上画像」「下画像」のところにそれぞれの画像のURLをコピーして入れます。
「上画像」「下画像」の文字は消します。
中央に配置したいときには
<center><img src="上画像"onmouseover="this.src='下画像'"onmouseout="this.src='上画像'"></center>
のように前後に<center></center>を入れてある方を使ってください。
画像のURLのコピーの方法は前の方の記事に書いてあります、たぶん…。
のメモ帳にコピーしておくといつでも使えて便利でしょう。
そのときには<>を半角の<>に直しておきましょう。<>はタグを表示させるために使っているので、実際はすべて半角です。
ず~と前にどこかのサイトで見つけたタグなので、出どころが何処か今となっては分からないのですが、愛用しています。
ときどき