javascript - 如何隐藏没有 src 属性的 img 元素，直到添加该属性？

Question

我的 JS 代码包含一些开头为空的图像（完全没有指定 src 属性 + display:none）。

当添加到具有 CSS1 兼容性的站点时，我看到图像应该在的位置损坏，即使图像不应该显示（显示：无）。

知道如何隐藏损坏的图像图标吗？

注意：我不想加载空图像。我试过 width 和 height= 1px 或 0px 。没用。指定 src="" 也会给出空图像图标。

编辑：我找到了解决方案：将 style="display:none" 添加到 img 定义（不在 CSS 中）

score 5 · Accepted Answer

5

您是否尝试过将图像包装在 div 中并隐藏 div？

于 2009-02-25T11:04:55.783 回答

score 3 · Accepted Answer

我的 JS 代码包含一些开头为空的图像（未指定 src 属性

这不是图像的有效状态。最好使用占位符透明图像或将图像留在 DOM 之外，直到您可以设置“真实”src 属性。

即使不应该显示图像（显示：无），我也看到图像应该在的位置损坏的图像图标。

对我来说不会发生，“显示：无”或“可见性：隐藏”会从页面中删除可见图像。演示问题的示例代码，以及哪些浏览器？

score 3 · Accepted Answer

3

解决方案非常简单：

将 style="display:none" 添加到 img 定义（不在 CSS 中）

于 2009-02-25T16:54:50.233 回答

score 2 · Accepted Answer

在显示图像时，仅使用占位符 div 标签并用图像替换它怎么样？任何像样的 ajax 框架（例如 jQuery）都会使这很容易做到，因此它适用于所有主要浏览器

score 1 · Accepted Answer

1

除了显示：无，也许尝试设置可见性：隐藏

于 2009-02-25T11:14:31.953 回答

score 0 · Accepted Answer

如果您使用的是 JavaScript 库，则可能值得为所有这些图像应用一个类来命名并让库处理它。使用类名 myImages 的原型示例将是

var images = $$('.myImages');

if (image != null)
{
    for (int i = 0; i < images.Length; i++)
    {
        images[i].hide;
    }
}

您仍然需要添加样式属性 style="display: none;" 到图像

6 回答 6