画像の2段階表示!??

[新着] Webテンプレートを仮オープンしました



0   名前: もも : 2004/03/17 17:40
画像にオンマウスで、違う画像の表示(=画像二段階表示?)
ってどぉやるんですか??誰か教えてください…(;o;)

1   名前: 天照 : 2004/03/18 02:57
JAVASCRIPTを使えばできると思いますよ♪

もとの画像を「1.jpg」、変更後の画像を「2.jpg」とすれば、下のようにすればできます。
<img src="./1.jpg" onmouseover="this.src='./2.jpg'">

そして、マウスを離した時に画像を元に戻す場合は、下のようにすればできます。
<img src="./1.jpg" onmouseover="this.src='./2.jpg'" onmouseout="this.src='./1.jpg'">

2   名前: miki : 2004/06/29 18:34
こんにちは、お世話になります。

画像でオンマウスで「2.jpg」を表示し、次に「2.jpg」をクリックすると
リンク先に飛ぶと言うのはどうしたらよいでしょう。

宜しくお願いします。

3   名前: phpinfo() : 2004/06/29 20:59   [URL
天照さんのタグにリンクを付ければいいと思います。
<a href="あどれす"><img src="./1.jpg" onmouseover="this.src='./2.jpg'"></a>

4   名前: miki : 2004/06/29 22:08
phpinfo() さん、ありがとうございます。
うまくいきました。

一覧へ戻る