imagesLoaded progress () запускается после загрузки страницы всех изображений - PullRequest
Новая
       35

imagesLoaded progress () запускается после загрузки страницы всех изображений

0 голосов
/ 14 февраля 2020

У меня есть проблема в моей теме WordPress.

Я создал предварительный загрузчик с индикатором выполнения и процентом загруженных изображений.

Вы можете увидеть это здесь в моем коде . Я использовал gsap с загруженными изображениями , и он отлично работает, но только в codepen, вы можете увидеть его лучше, если замедляете работу сети.

В моей теме WordPress на localhost У меня точно такой же код с ES6 и сценарий запуска до тега </body>, и на самом деле он также работает, но кажется, что моя страница загружена со всеми изображениями, и только тогда мой сценарий запускается, но так как все изображения загружены, мой прогресс панель работает в конце анимации с 0% до 100% слишком быстро.

Я также проверил, как изображения загружаются по этому коду: 

const imgLoad = imagesLoaded('#page');
imgLoad.on( 'progress', function( instance, image ) {
  var result = image.isLoaded ? 'loaded' : 'broken';
  console.log( 'image is ' + result + ' for ' + image.img.src );
});

И можно увидеть, как целая страница загружается с изображениями и только тогда в моей консоли я получаю все изображения без какой-либо загрузки в один момент.

Может быть, кто-то сталкивался с этой проблемой раньше? Можете ли вы помочь мне, пожалуйста?

...