Bootstrap карусель, показывающая изображения с задержкой в ​​первом цикле затухания

Question

У меня следующая проблема.Задержка отображения фотографий в режиме затухания.При запуске анимации фотография отображается не сразу, а с задержкой.Когда анимация переходит к следующему слайду (второй, третий), за несколько секунд до отображения изображения я вижу фон.Похоже, он загружался с задержкой.Но даже когда изображение предварительно загружено, проблема все еще может повторяться, когда я перезагружаю страницу.

После прохождения всех слайдов один раз анимация плавная, пока страница не перезагрузится.Изображение имеет высокое разрешение (около 1800 пикселей), потому что оно должно быть чем-то вроде слайдера героя.

Пожалуйста, помогите!

Answer 1

ОК, похоже, никто не собирается отвечать на мой вопрос. Поэтому я отвечу на него сам, потому что у кого-то может быть похожая проблема, и он немного ее использует. После многих часов работы с ним оказывается, что замена метода вставки фотографий в img из background-image решает проблему. Таким образом, можно предположить, что проблема заключается в самой конструкции карусели. Не используйте background-img для размещения изображений в div. Используйте классический IMG с SRC. Если вы хотите, чтобы изображения вписывались в div, как опция cover в режиме bg-img, то для img вы можете добавить запись object-fit: cover в css. Это решает проблему.