0

我正在尝试使用 CreateJS/PreloadJS 预加载图像。这些图像将用 id 和 class 等属性替换图像。当我使用 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);
});
4

1 回答 1

0

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

var newImage = queue.getResult(label);
newImage.setAttribute("class", "fit center");
newImage.setAttribute("id", "main");
$('#main').replaceWith(newImage);
于 2016-02-13T07:57:31.793 回答