Есть некий массив, содержащий ссылки на картинки. Картинки массива используются в слайдере, и подгружаются по требованию. Однако, из-за этого переход от слайда к слайду не равномерный. Как можно загрузить картинки фоново, через 2 секунды, после загрузки всей страницы?
Пока вот что есть:
setTimeout( function() {
Promise.all( [
function loadImageAsync() {
var slides = JSON.parse( canvasContainer.getAttribute( 'data-slides' ) );
for( let i = 0; i < slides.length; i++ ) {
new Promise( ( resolve, reject ) => {
const img = new Image();
img.src = slides[i].src;
img.onload = resolve;
});
}
}
] )
.then( images => {
console.log(234234)
});
}, 1000 );
Дело в том, что картинок может быть много, и хотелось бы чтобы первая общая загрузка страницы быстро прошла: условно загружается только первая картинка. И в то же время слайдер был без задержек.
