Сломанный тег изображения отображается в течение доли секунды

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

Смотрите этот пример: http://jsfiddle.net/v8DLe/196/

Я уже использую: onerror="this.style.display ='none'"

Я бы предпочел по-прежнему использовать тег img, а не использовать div с style={{ backgroundImage: ...}}

1 2
html css reactjs web-frontend

1 ответ:

Попробуйте сначала сделать их скрытыми. Покажешь им, когда наладишь?

img {
  display: none;
    width:200px;
    height:200px;
}
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
4