Я работаю над внешним интерфейсом приложения с HTML, CSS и JavaScript, все в порядке, но перед тем, как изображение загружается в заголовок, сначала появляется значок разорванного изображения.

broken image

Я хочу добавить цвет фона вместо разбитого изображения, чтобы исходное изображение было полностью загружено.

2
Ummair Gillani 5 Мар 2018 в 08:49

4 ответа

Лучший ответ

Показать <img> после полной загрузки содержимого.

<img style='display: none' onload="this.style.display = 'block'" src="...">

Если вы используете JQuery

<img style='display: none' id="myImg" onload="$(myImg).show()" src="...">
3
Roshana Pitigala 6 Мар 2018 в 11:10

1) с помощью css решение alt = "".

2) с помощью скрипта Java

Поместите этот код в тег изображения

Когда до полной загрузки изображения это преодолеет ошибку, поместив изображение в фоновом режиме

0
Ummair Gillani 6 Мар 2018 в 10:11

Другой метод: используйте встроенный svg img заполнитель, используйте ajax для запроса реального img, а затем измените заполнитель.

Встроенный img

<img alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />
1
Jacob 6 Мар 2018 в 11:18

Если изображение не загружается при первоначальной визуализации страницы, тег img отобразит значок. Если вы используете какой-либо JS, то вот что вы можете сделать

  1. Поместите тег изображения в условие и отображайте его только тогда, когда изображение загружается в фоновом режиме (асинхронные вызовы). 2, пока изображение не загружено, скрыть тег изображения и использовать метку или любой другой тег с цветом фона.
1
Saif Kamaal 5 Мар 2018 в 05:53