Можно ли отследить состояние атрибута alt в теге img через JQUERY?

Question

[WiNNeR_tig]

Такая ситуация, нужно словить через JQUERY загрузилась ли картинка, как делает это html
<img src='image.png' alt='Картинка не грузится' />
Либо проверять атрибут alt на активность ?

Answer 1

[Stalker_RED]

Что такое "проверять ALT на активность"?

При загрузке картинки срабатывает image.onload, можете его отслеживать.

Answer 2

[Илья Хребет]

$("img[src='image.png']").one("load", function() {
  alert('Загрузилась');
}).each(function() {
  if(this.complete) $(this).load();
});

Comments

[WiNNeR_tig]

А можно найти все src взять их и проверить на загрузку, если не загрузилось заменить картинкой заглушкой ?

<img src="image1.png" alt="Book" id="img_all">
<img src="image2.png" alt="Book" id="img_all">
<img src="image3.png" alt="Book" id="img_all">
<script>

$("img[src='image1.png']").one("load", function() {
	
}).each(function() {
	$('[id="img_all"]').attr("src","no_image.png");
});
</script>

[Илья Хребет]

$("img").error(function () {
  $(this).unbind("error").attr("src", "no_image.png");
});

[WiNNeR_tig]

Илья Хребет,
Наверно что то ни так делаю
Uncaught TypeError: $(...).error is not a function

[Илья Хребет]

WiNNeR_tig, всё так, функция устаревшая.

$(document).on('error', 'img', function () {
  $(this).attr("src", "no_image.png");
});

[WiNNeR_tig]

Илья Хребет, не сработало вывело содержимое alt="Book" т.е. Book

[Илья Хребет]

WiNNeR_tig, Вы уверены что путь к no_image.png указан корректно?

$('img').on("error", function () {
    this.src = '/no_image.png';
});