Показать сообщение отдельно
  #1 (permalink)  
Старый 21.06.2021, 16:35
Профессор
Отправить личное сообщение для Янковиц Посмотреть профиль Найти все сообщения от Янковиц
 
Регистрация: 17.11.2014
Сообщений: 403

Фоновая загрузка изображений
Есть некий массив, содержащий ссылки на картинки. Картинки массива используются в слайдере, и подгружаются по требованию. Однако, из-за этого переход от слайда к слайду не равномерный. Как можно загрузить картинки фоново, через 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 );

Дело в том, что картинок может быть много, и хотелось бы чтобы первая общая загрузка страницы быстро прошла: условно загружается только первая картинка. И в то же время слайдер был без задержек.

Последний раз редактировалось Янковиц, 21.06.2021 в 16:39.
Ответить с цитированием