Как убрать рамку отсутствующего изображения?

Веб-мастеринг

29.09.11

✎

18:02

Если на сервере отсутствует изображение, некоторые браузеры отображают на странице рамку с крестиком.

Как явным образом при помощи css запретить любому браузеру отображать эту рамку? Иными словами, если изображения нет, не отображать ничего.

1 Fragster

гуру

29.09.11

✎

18:03

в стиль запихать
img {
border: 0px;
}

2 Fragster

гуру

29.09.11

✎

18:03

а, если ссылка битая - то фиг...

3 Fragster

гуру

29.09.11

✎

18:04

проще не выводить ничего

4 Половец

29.09.11

✎

18:04

(1)
Спасибо, сейчас попробую.

5 Fragster

гуру

29.09.11

✎

18:04

(4) не, это для картинок-ссылок границу выключает

6 Половец

29.09.11

✎

18:04

(2)
Вот мне и нужно, чтобы вместо битой ссылки не отображалось ничего.

7 Fragster

гуру

29.09.11

✎

18:05

(6) дык определи, что ссылка битая, и не выводи вообще этот тег нафиг. или выводи пустую картинку с прозрачным пикселем

8 Половец

29.09.11

✎

18:06

(7)

Только статический html и css :-(

9 smaharbA

29.09.11

✎

18:07

джабаскрипт спасет или expression в css

10 Половец

29.09.11

✎

18:08

(9)

Каким образом?

11 smaharbA

29.09.11

✎

18:11

(10) var img=new Image(url)

12 smaharbA

29.09.11

✎

19:49

<html>
<head>
<title>
</title>
<script type='text/javascript'>
var fileexist=function(url,head)
{
var http=new XMLHttpRequest();
http.open('head',url,false);
http.timeout = 500;
http.send(null);
try {
return (http.status == 200);
}
catch(e)
{
return true;
}
}

window.onload=function(e)
{
var imgs = document.getElementsByTagName('img');
for (var x = 0; x < imgs.length; x++)
{
if(!fileexist(imgs.item(x).src))
{
var div = document.createElement('div');
div.style.height = imgs.item(x).height
div.style.width = imgs.item(x).width
div.style.border='solid 1px black';
div.innerHTML='Нету';
imgs.item(x).style.display = 'none';
document.body.insertBefore(div,imgs.item(x));
}

}
}
</script>
</head>
<body>
<img src='http://www.n-d.ru/img.jpg' width='400px' />
<img src='http://www.n-d.ru/files/00651.jpg' width='400px' />
</body>
</html>