Загружать изображения динамически, не блокируя пользовательский интерфейс в Javascript на мобильном приложении?

Question

Итак, я пытаюсь загружать изображения в javascript динамически, когда пользователь прокручивает их. Все приложение находится в автономном режиме и написано в HTML и JavaScript. «Прокрутка» вокруг поведения осуществляется с помощью CSS3-анимации.

Проблема в том, что когда я устанавливаю image.src = "foo.png", он блокирует пользовательский интерфейс, пока изображение не загрузится. Есть ли способ обойти это?

Answer 1

Как долго блокируется пользовательский интерфейс? Если бы это было локально, я бы вообще об этом не думал.

В любом случае, причина, по которой пользовательский интерфейс может быть заблокирован, заключается в том, что ему необходимо загрузить изображение, чтобы определить его размер . Если он не знает размер изображения, он не будет знать, как это повлияет на макет.

Первое, что я хотел бы сделать, это установить с атрибутами и height , как только тег будет создан.