如何使用 CreateJS 的 PreloadJS 来加载图像并保留属性

How can I use CreateJS's PreloadJS to load images and retain attributes?

本文关键字：图像 保留 属性 加载 何使用 CreateJS PreloadJS      更新时间：2023-09-26

我正在尝试使用CreateJS/PreloadJS预加载图像。这些图像将用 id 和类等属性替换图像。当我使用 JQuery 替换图像时，所有这些属性都会丢失。

预加载图像，然后在我的页面上显示图像的正确方法是什么？

<html>
    <img id="main" class="fit center"/>
</html>
function changeImage(event){
    $('#main').replaceWith(queue.getResult("main"));
}
function handleFileComplete(event){
    console.log(event.result);
}
function loadImage() { // jshint ignore:line
    var preload = new createjs.LoadQueue(); // jshint ignore:line
    preload.addEventListener("fileload", handleFileComplete);
    preload.loadFile("img/main.png");
}
$(document).ready(function() {
    queue = new createjs.LoadQueue();
    queue.loadManifest([
        {id: "main", src:"img/main.png"}
    ]);
    queue.on("complete", handleFileComplete, this);
});

在使用 JQuery 替换元素之前，将属性应用于新图像。

var newImage = queue.getResult(label);
newImage.setAttribute("class", "fit center");
newImage.setAttribute("id", "main");
$('#main').replaceWith(newImage);
相关文章：