2011-06-14 95 views
1

我为图像添加了边框。但是一些图像缺失,并且对于这些图像,我添加了一条错误消息。我不想为缺失的图像添加任何边框,但我仍然可以看到它。有没有什么办法在jquery中,我可以从实际上不存在指定路径的图像中删除边框。 谢谢 Romi。从图像中删除边框

编辑

我甲肝批量图片的路径,其中一些图像路径是无效的,并为这些无效的路径,我不想增加一个错误。我对所有图像路径都有单一的CSS,我无法区分这些。有没有其他的方式来做到这一点。

+0

使用css代替 – Ibu 2011-06-14 05:33:19

+0

我认为你应该关心不显示不可用的图片标签。 – mightyplow 2011-06-14 05:43:13

+0

为什么你想要显示破碎的图像? – 2011-06-14 05:53:26

回答

0

为您不想添加边框,只是给他们一个类名,然后建立CSS

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

的CSS图片:

img.no-border { 
    border:none; 
} 
-1

您可以使用标准的JavaScript改变一个元素的类:

然后设置一些CSS来给任何一个缺少c的元素拉斯无边框:

.missing { 
    border: none; 
} 

每个图像都需要一个唯一的ID:

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

但是,如果你已经在页面中使用jQuery,你为什么要使用标准的JS?我通常都是纯JS,但是如果我已经将jQuery添加到页面中,则不是。 – mplungjan 2011-06-14 05:50:59

+0

是的,我想要一个JQuery中的解决方案。如果你有请建议。 – Romi 2011-06-14 06:05:04

0

喜欢的东西

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

CSS的方法,像其他人所说,但利用标记的继承,而不是针对图像(本身)。

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

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

这种方法也不需要每个图像的独特ID和单独的类(尽管类可能有所帮助,具体取决于)。