- ベストアンサー
画像を貼りたいと考えている際の方法と注意点
- Webページに画像を貼る方法について教えてください
- 画像をリンクに設定し、マウスオーバー時にコメントを表示したいです
- 画像の貼り方や注意点、他の方法など教えていただけると助かります
- みんなの回答 (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; }
お礼
はじめまして。 とっても早い回答ありがとうございます。 おかげさまで上手く作ることができとても勉強にもなりました。 どうもありがとうございました。