javascript(?)で画像を呼び出す方法

質問

教えてgoo内、検索エンジンでキーワード検索を致しましたが、思うものが無かった為、早速ですが質問させて下さい。以前に似たような質問が有りましたらお詫び致します。

上手く言葉で表現出来ないのでこちらのサイトを御覧になって下さい↓
『http://homepage3.nifty.com/mopa/html/faq/note09.htm』

こちらに『画像の呼び出し』というものが有ると思います。

自分は『テキストにマウスを乗せると画像が指定場所に出る』まではこのサイト様と同じなのですが、『テキストをクリックするとリンク先に飛ぶ』＆『呼び出される画像が直リン（http://～.jpg等）の物』にしたいのです。

こちらのサイト様のソースを頑張っていじってみましたがエラーが出てしまいます。分かり辛い文ですが、どうかご教授下さい。

回答No.2

bita_2005 · ベストアンサー

<p><span onMouseOver="img.innerHTML='&lt;IMG src=表示させる画像 &gt;'; this.style.cursor='hand'" onMouseout="img.innerHTML=''" onclick="location='リンクさせる画像'">画像Ａ</span></p>

<p id="img">　</p>

これでもOK！

お礼

具体的なタグ内容を教えて頂き、非常に助かりました。

No.1の方のアドバイスと組み合わせて自分の望むページを作る事が出来ました。お力添え本当に感謝しております。

この度は誠に有難う御座いました。

回答No.1

hirumin

マウスを乗せる画像を表示させるイベントが使われてますね。
「MOPAのバナー」という文字にマウスカーソルを乗せると画像が表されます。
質問の内容は、この状態で「MOPAのバナー」という文字をクリックした時に画像を表示させたいということで良いのでしょうか？
であれば、通常のリンクを貼る作業と同様です。
その文字を<a href="～>タグで囲います
<a href=【ファイルの場所と名前】>MOPAのバナ－</a>
この更に外側に<span ～></span>が付くような感じですね。

お礼

早速の御解答有難う御座います。
ご教授して頂いた件を中心にタグを書いて行くと無事に目的の物を作る事が出来ました。

この度は誠にお世話になりました、お礼申し上げます。