• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像を入れたいのですが…)

画像を貼りたいと考えている際の方法と注意点

このQ&Aのポイント
  • Webページに画像を貼る方法について教えてください
  • 画像をリンクに設定し、マウスオーバー時にコメントを表示したいです
  • 画像の貼り方や注意点、他の方法など教えていただけると助かります

質問者が選んだベストアンサー

  • ベストアンサー
  • mrumesuke
  • ベストアンサー率45% (254/557)
回答No.1

textareaに画像は表示できないと思います。 innerHTMLを使ってHTMLを動的に吐き出してみてはどうでしょう。 ------------------------------------------------------- <HEAD>  :  : <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css"> <STYLE type="text/css"> <!-- .msgclass{ width:220px; height:80px; font: 13px; font-family:monospace; overflow: auto; scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#ffffff; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; border:1px solid #ffffff; } --> </STYLE> </HEAD> <BODY>  :  : <div class="msgclass" id="msgid"></div> <BR><BR> <A HREF="....html" onMouseover="document.getElementById('msgid').innerHTML='コメント<img src=\'.....gif\' width=... height=...>'">リンク</A> ------------------------------------------------------- 補足 .msgclass{ width:220px;        ┐ height:80px;        .├─適当に変更してください font: 13px;         │ (一部Netscapeには無効?) font-family:monospace; .┘ overflow: auto;       ←─必要                ┌─以下、元のソースのまま                ↓  (Netscapeには無効?) scrollbar-arrow-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#ffffff; scrollbar-face-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; border:1px solid #ffffff; }

tyansan
質問者

お礼

はじめまして。 とっても早い回答ありがとうございます。 おかげさまで上手く作ることができとても勉強にもなりました。 どうもありがとうございました。

関連するQ&A