web-dev-qa-db-ja.com

JavaScriptで非表示の<画像>を作成するにはどうすればよいですか？

JavaScriptを使用してプログラムで<img src="a.gif">のような単純なタグを非表示にするにはどうすればよいですか？

javascripthtmlcssjavascript-events
8
joe

あなたの質問を理解できるかわかりません。しかし、画像を非表示にする方法は2つあります...

純粋なHTML

<img src="a.gif" style="display: none;" />

または...

HTML + Javascript

<script type="text/javascript">
document.getElementById("myImage").style.display = "none";
</script>

<img id="myImage" src="a.gif" />
48
Steve Wortham

どうですか

<img style="display: none;" src="a.gif">

これにより、表示が完全に無効になり、プレースホルダーが残りません。

3
Brian Agnew

次のようにJavaScriptを使用して画像を非表示にできます。

document.images['imageName'].style.visibility = hidden;

それがあなたが求めているものではない場合、あなたは自分自身をより明確に説明する必要があります。

3
Simon P Stevens

この質問はあいまいですが、Javascriptで画像を作成したい場合。簡単です。

function loadImages(src) {
  if (document.images) {
    img1 = new Image();
    img1.src = src;
}
loadImages("image.jpg");

画像はリクエストされますが、表示するまで表示されません。リクエストと思われる画像を事前に読み込むのに最適ですが、ドキュメントが読み込まれるまで画像を遅らせます。

例

3
BigBlondeViking

スタイルをdisplay = noneに設定してみてください。

<img src="a.gif" style="display:none">
2
karim79