При первом нажатии на элемент для запуска анимации изображения, которые переключаются между ними в анимации, не загружаются с первой попытки.Пример: https://youtu.be/6YVOgKcHDTg
Я попытался предварительно загрузить изображения с помощью JS, как показано здесь, и он запускается в консоли при загрузке приложения.
function preloadImages () {
let coinPics = new Array()
for (let i = 0; i < arguments.length; i++) {
coinPics[i] = new Image()
coinPics[i].src = preloadImages.arguments[i]
console.log(coinPics[i])
}
}
Вышеприведенная функциявызывается сразу с двумя относительными URL-адресами в качестве параметров.В идеале я хотел бы, чтобы изображения были полностью загружены при первом запуске анимации.