写真にマウスを合わせて夜景写真に切り替えたい

私は山に登って夜景を撮影するのが好きです。最近は自分のホームページ上でアップし始めました。

そこで質問なのですが、昼間の風景写真にマウスを合わせると夜景の写真に切り替わるように編集することは可能でしょうか？

風景画像やテキストからリンクを張っても良いとは思うのですが、カーソルを合わせるだけで夜景写真に切り替わったら見ている人も楽しいと思いました。

質問が分かりにくいかもしれませんが、よろしくお願いしますm(_ _)m

No.3 ベストアンサー 回答者： e_16 回答日時： 2012/09/30 13:43

ロールオーバー（今回はマウスオーバーとも言う）ですね。

http://hac-design.com/css/rollover.html
上記ページが理解できるのであれば設定できますよ。

この回答へのお礼

ロールオーバーと呼ぶんですね。さっきまで色々と検索して実践していたら、どうにか写真を切り替えることができました。
ありがとうございます

教えていただいたcssを設定する方法も早速取り組んでみます。

お礼日時：2012/09/30 15:16

No.2 回答者： ponta1971 回答日時： 2012/09/30 13:38

自分のホームページ＝HTMLなどを自分で編集して作ったホームページであるなら、JavaScriptを使用して、カーソルを合わせたときに画像を切り替えることは可能です。

blogなどの場合は、記事内にJavaScriptの記述ができるかどうかによります。

この回答へのお礼

ロールオーバーで検索していたらhtmlを入力して切り替える方法が書かれていたので試してみたらできました。

JavaScriptでも来週チャレンジしてみます。ありがとうございますm(_ _)m

お礼日時：2012/09/30 15:20

No.1 回答者： amanojack 回答日時： 2012/09/30 13:32

ホームページ作成ソフトは、使っていますか？

一般的には、使っているかと思いますが・・・・
使っていれば。簡単に出来ます。
マウスを画像（この場合昼間の風景）の上にもってきたら、夜景の画像にしたいわけですよね？
ロールオーバーという効果を設定いれば、簡単に出来ますよ。
お使いのソフトが、不明なので詳細手順は、省きますが。

この回答へのお礼

ホームページ作成はシリウスを使っています。しかしシリウスではロールオーバーの設定はできないようです・・・・・別の言葉で表現されてあるのでしょうか？

今回は次のhtmlを入力してどうにか解決しました。

><a href="リンク先アドレス">
><IMG src="最初に表示する画像のアドレス" onmouseover="this.src='マウスオーバー画像のアドレス'" onmouseout="this.src='マウスを離した時の画像のアドレス'" style="border:0" alt="リンク先の簡単な説明" width="画像の横幅" height="縦の長さ"></a>

また、お忙しい中ありがとうございましたm(_ _)m

お礼日時：2012/09/30 15:28