Можете ли вы предварительно загрузить изображения в анимации додзё

Question

У меня есть объект анимации додзё около 15 изображений. Я также использую dojo.fx.chain, чтобы связать их все вместе.

Прямо перед тем, как создавать все свои dojo.fadeIn и dojo.fadeOut, я добавил базовый javascript для предварительной загрузки каждого изображения.

У меня такой вопрос: я делаю это нелегко или есть какая-то функция / атрибут, которые я могу установить в объекте анимации для этого?

Answer 1

dojo Анимации специально не ориентированы на изображения, они работают на абстрактном уровне и могут работать на узлах DOM. Таким образом, встроенная поддержка узлов IMG отсутствует.

Существует dojox.image.preload (http://api.dojotoolkit.org/jsdoc/HEAD/dojox.image.preload)), который выполнит работу, предложенную virsir для загрузки изображений в неэкранный div, но он (в настоящее время) не организует перехват событий onLoad, чтобы вы могли определить, когда загружены и, таким образом, воспроизводить вашу анимацию.

Я полагаю, вы могли бы использовать возвращаемое значение preload () и использовать его для подключения к onLoad, но это упражнение для читателя. Взгляните на исходный код dojox / image / _base.js.

Answer 2

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

Я предполагаю, что вы прослушиваете события image.onload и image.onerror для предварительной загрузки изображений, это распространенный метод.Если вы чувствуете, что это слишком сложно и трудно контролировать, вы можете попробовать простой чистый способ CSS, чтобы поместить невидимый div на вашу страницу и установить фоновые изображения с этими анимационными изображениями.Когда страница загружается, изображения автоматически загружаются.