Запрет отображения URL изображения, когда страница все еще ожидает удаленного изображения

Question

Перед завершением загрузки изображения отображается URL-адрес изображения.

Это выглядит очень плохо, особенно если у пользователя медленное соединение

Пример: см. Второе изображение, котороевсе еще загружается:

Answer 1

1. Удалите атрибуты «Alt» и «title» вашего <img tag.
2. , поместив стиль изображения, ширину и высоту, равные конечному уменьшенному изображению, которое будет загружено туда.(для этого желательно создать класс CSS)

Эти 2 изменения позволят улучшить взаимодействие с пользователем.

<img src="http://mysite/images/myimg.jpg" style='width:100px;height:100px;' />

Answer 2

Это значение атрибута alt html.

<img src="http://yoursite/path/image.jpg" 
    alt="text to display when no image available"/>

просто поместите пустую строку в атрибут alt.

Это должен быть самый простой метод без использования JavaScriptделает это.