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