Установить тайм-аут во время загрузки изображения в Div фоне

Question

Я загрузка изображения в качестве фона URL для Div: -

<div style="background-image: url('image.jpg'),url('fallback.jpg');"></div> 

Как я понимаю, резервное изображение будет показано, если есть какая-либо ошибка при вызове image.jpg. : -

1. Будет ли он также обрабатывать ошибки времени при вызове изображения.jpg?
2. Если да, то какова продолжительность таймаута?
3. Как я могу контролировать эту продолжительность таймаута?

EDIT: Просто понял из комментариев, что выше не FALLBACK, просто загружается один над другим. Мне нужно установить тайм-аут и показать альтернативное изображение после того, как оригинал не будет загружен в тайм-аут.

Answer 1

Вы не сможете узнать время, которое должно быть загружено после установленного таймаута, так как это может занять немного больше времени, чем вы думаете, в зависимости от размера изображения. Вы должны просто беспокоиться о порядке, в котором вы присваиваете свойства css вашему резервному изображению. Например, установка «no-repeat» для первого и противоположное второму. Ее можно передать этот https://css-tricks.com/stacking-order-of-multiple-backgrounds/