マウスオンで画像を変える
カウスのカーソルを画像の上に乗せると、画像が変わる方法を紹介します。

1.まずマウスを乗せる前の画像と乗せたあとの画像の2枚を用意します。
2.次に、ファイルアップロードを使って画像をアップします。その時に画像ファイルのアドレス名を覚えておきます。(アドレス名はアップした時に表示を押すなどするとわかります。)
3.アップできたら画像を表示したい所に・・・
赤字の方に先ほど覚えたマウスが乗る前の画像ファイルのアドレスを記入して、青字の方にマウスが乗った時の画像ファイルのアドレスを記入して下さい。
記入できたら出来上がりです。

つくり方
1.まずマウスを乗せる前の画像と乗せたあとの画像の2枚を用意します。
2.次に、ファイルアップロードを使って画像をアップします。その時に画像ファイルのアドレス名を覚えておきます。(アドレス名はアップした時に表示を押すなどするとわかります。)
3.アップできたら画像を表示したい所に・・・
<img src="http://blog数字.fc2.com/最初の画像/.jpg" onMouseover="this.src='http://blog数字.fc2.com/マウスオンの画像/.jpg'" onMouseout="this.src='http://blog数字.fc2.com/最初の画像/.jpg'">
を記入します。小さいので間違えて「"」や「'」を消さないで下さい。赤字の方に先ほど覚えたマウスが乗る前の画像ファイルのアドレスを記入して、青字の方にマウスが乗った時の画像ファイルのアドレスを記入して下さい。
記入できたら出来上がりです。
- 関連記事 ; 面白い画像の見せ方をするには?
- 関連記事 ; slideroll
- 関連記事 ; bubbleshare
- 関連記事 ; Flickr slideshow
- 関連記事 ; 山旅スライドFade
- 関連記事 ; 山旅スライドZoom
- 関連記事 ; 山旅スライドroll
- 関連記事 ; Slide Show
コメント
この記事のトラックバックURL
http://rgrg.blog61.fc2.com/tb.php/412-69f0811a









