Крошечный снипет, чтобы не показывать изображения, которые отсутствуют

Задача тривиальная — показать бэкграунд дива если нет картинки внутри этого дива. Или если картинка кривая.

<style>
table__iconplace {
background: url(defaul-image.png);
width: 70px; height: 70px;
display: block;
}
table__icon {
background-color: white;
width: 70px; height: 70px;
display: block;
}
</style>
<div class="table__iconplace">
<img class="table__icon" onLoad="$(this).show()" src="guess-if-exist.png" style="display: none"/>
</div>

Запись опубликована в рубрике JS Frontend. Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>