从图像中删除边框

Question

我为图片添加了边框。但是有些图像丢失了，对于这些图像，我添加了一条错误信息。我不想要任何边框的图像丢失但我仍然得到它。在jquery中是否有任何方法可以从指定路径上实际不存在的图像中删除边框。 谢谢 罗米。

修改

我有大量的图像路径，其中一些图像路径无效，对于这些无效路径，我不想添加错误。我对所有图像路径都有单个css。我无法区分它们。有没有其他方法可以做到这一点。

Answer 1

我将使用大卫代码处理丢失的图像

http://davidwalsh.name/custom-missing-image-jquery

使用这个想法设置border-0

$("img").error(function () {
      $(this).css("border", "none");
});

Answer 2

对于你不想添加边框的图片，只需给它们一个类名然后设置css

<img src='image.png' class='no-border' />

css：

img.no-border {
   border:none;
}

Answer 3

像

这样的东西

<img src="broken" onerror="this.style.border='none';"/>

Answer 4

CSS方法与其他人一样，但是利用标记的继承而不是目标图像（本身）。

.container { }
.container img, .container a img { border:1px solid black }

因此，如果您的布局区域内存在图像，则会出现边框 - 否则，它们不会出现。

这种方法也无需为每个图像和单独的类提供唯一ID（尽管类可能有所帮助，具体取决于）。

Answer 5

您可以使用标准javascript来更改元素的类：

document.getElementById('IdOfElement').className = 'missing';

然后设置一些CSS来给任何缺少类没有边框的元素：

.missing {
    border: none;
}

每张图片都需要一个唯一的ID：

<img src="" id="image1">