Как скрыть img, если src пустой?
 

Доброго дня! Такая ситуация - имеется список, структура следующая -

<ul>
<li><a><img src="..."/></a></li>
<li><a><img src="..."/></a></li>
<li><a><img src="..."/></a></li>
<li><a><img src="..."/></a></li>
</ul>

Есть несколько элементов img с пустыми src. Так уж вышло:)
Подскажите, пожалуйста, как правильно задать условие, чтобы скрыть элемент img с пустым src?:help:

Пробовал так

$(document).ready(function() {
if ($("ul > li > a > img").attr('src') == '') {
$("ul > li > a > img").hide();
} else {
$("ul > li > a > img").show();
}
});

Не сработало.

Так не должно быть. Дело в том что пустой атрибут src резолвится в URL и делается его запрос. Если допустим страница имеет адрес site.ru/gallery, то будет запрошен ресурс site.ru, и получен в ответ HTML код, но разумеется будет проигнорирован. И так - на каждую картинку. В итоге лишние запросы, лишний трафик, тормоза при загрузке соседних картинок.

Так что вариант тут только один - исправлять.

Ок. Спасибо, Исправлю:)

Gosha Ponomaryov,

CSS:

img[src=""] {
    display: none;
}

:write: а в onerror добавить hide

$(document).ready(function() {
$("img null").fadeOut(1);
});

null id пустого изображения

_ZET_, не знаю, что ты этим хочешь сказать, но в твоём случае будут скрыты все тэги <null> внутри изображений, что невозможно, так как <img> не может иметь содержимого внутри себя.

Возможно, ты имел ввиду это: img#null, но тогда придётся давать ID null каждому изображению, что не очень логично, ведь ID уникален. Так что, лучше использовать класс: img.null.

Но это всё не имеет смысла, если указывать alt="", то пустое изображение и так будет скрыто.

Изображениие не может быть пустым. Точка. Остальные варианты даже не стоит и рассматривать :)