在添加属性之前,如何隐藏没有src属性的img元素?

时间:2009-02-25 11:02:22

标签: javascript image src

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

当添加到具有CSS1兼容性的网站时,我会看到图像残破的图像,即使图像不应显示(显示:无)。

知道如何隐藏破碎的图像图标吗?

注意: 我不想加载空图像。 我试过宽度和高度= 1px或0px。没用。 指定src =“”也会给出空图像图标。

编辑: 我找到了解决方案: 将style =“display:none”添加到img定义(不在CSS中)

6 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:3)

  

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

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

  

我看到图像损坏的图像,即使图像不应显示(图片显示:无),图像应该是图像。

对我来说不会发生,'display:none'或'visibility:hidden'会从页面中删除可见图片。显示问题的示例代码,以及哪些浏览器?

答案 2 :(得分:3)

解决方案非常简单:

将style =“display:none”添加到img定义(不在CSS中)

答案 3 :(得分:2)

如果只是有一个占位符div标签,并在显示图像时用图像替换它?任何体面的ajax框架(例如jQuery)都会使这很容易,所以它适用于所有主流浏览器

答案 4 :(得分:1)

除了display:none,也许可以尝试设置visibility:hidden

答案 5 :(得分:0)

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

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

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

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