代码之家  ›  专栏  ›  技术社区  ›  joe

如何在JavaScript中创建隐藏的<img>?

  •  7
  • joe  · 技术社区  · 16 年前

    如何制作一个简单的标记,如 <img src="a.gif"> 使用JavaScript以编程方式隐藏?

    5 回复  |  直到 9 年前
        1
  •  54
  •   Steve Wortham    16 年前

    我不确定我是否理解你的问题。但是有两种方法可以使图像不可见。。。

    纯HTML

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

    <script type="text/javascript">
    document.getElementById("myImage").style.display = "none";
    </script>
    
    <img id="myImage" src="a.gif" />
    
        2
  •  3
  •   Brian Agnew    16 年前

    怎么样

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

    这将完全禁用显示,而不会留下占位符

        3
  •  3
  •   Simon P Stevens    16 年前

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

    如果这不是你想要的,你需要更清楚地解释自己。

        4
  •  3
  •   Andy Brown    11 年前

    这个问题很模糊,但是如果你想用Javascript制作图像。

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

    将请求图像,但在您显示之前,图像将永远不会显示。 非常适合预加载您希望成为请求的图像,但在加载文档之前将其延迟。

    Example

        5
  •  2
  •   karim79    16 年前

    尝试将样式设置为“显示=无”:

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