マウスを置くと画像が変わり、そこにリンクも張れるような

質問

マウスをおくと大きさの違う画像に変えれて、そこにリンクも張れるようなのってどうやればいいですか？
html、スタイルシート、JavaScript辺りでやりたいのですが
わかる方教えてもらえませんか？
やはり、フラッシュ使うしかないですか？

回答No.2

ICHI-yan

どの程度のことがやりたいのかわからないのでキーワードだけ。
ご要望のテクニックは「ロールオーバー」と呼ばれています。
検索してみてください。選り取りみどりですよ。

htmlだけでは無理ですが、スタイルシートで簡単に出来ます。
大きさが違っても同じ場所ならロールオーバーですが、もしかして違う場所なら、「リモートロールオーバー」リンクが１対１ならcssのみで可能ですが、複雑なことになると、スクリプトも必要かもしれません。

もしかしたら「ポップアップ」のような事かもしれないし、ちょっと質問の内容が不明ですね。画像にこだわらなくても文字扱いの場所に<imgタグを入れれば済んでしまうことか、背景に入れる工夫が必要か等質問内容からはいろんなとり方ができるので、もう少し的確に質問する練習をしたほうがレスが付きやすくなりますよ。

回答No.1

yambejp

いくつかやり方がありますが

>マウスをおくと大きさの違う画像に変えれて
imgタグにonmouseover とonmouseoutを設定します。

>そこにリンクも張れる
onclickでlocation.hrefに飛ばしたいurlをかきます

<img src="img1.jpg" onMouseover="this.src='img2.jpg'" onMouseout="this.src='img1.jpg'" onClick="location.href='hoge.htm'">

実際に運用するさいにはもう少し工夫が必要です。