Мы можем использовать CSS для отображения стандартного изображения-заглушки, если аватарка отсутствует. Вот пример, как это можно сделать:
1. Добавьте стандартное изображение-заглушку в ваш проект, например, default-avatar.png.
2. Обновите ваш CSS для отображения заглушки, если аватарка отсутствует:
.striped-list .item .icon img { display: block; height: 50px; width: 50px; transition: all 0.3s ease 0s; object-fit: cover; }
.striped-list .item .icon img[alt=""] { content: url('/path/to/default-avatar.png'); }
1. Обновите HTML для использования атрибута alt как индикатора отсутствия аватарки:
<br> <a href="/users/4601"> <img src="/upload/046/u4601/ce/18/f484d6b0.jpg" alt="" title="Екатерина"> </a>
В этом примере, если атрибут alt пустой, CSS заменит изображение на заглушку. Вы можете настроить путь к заглушке в content: url('/path/to/default-avatar.png'); в соответствии с вашим проектом.