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 に答える