Как я могу использовать PreloadJS от CreateJS для загрузки изображений и сохранения атрибутов?

Я пытаюсь предварительно загрузить изображения с помощью CreateJS/PreloadJS. Эти изображения заменят изображение такими атрибутами, как id и class. Когда я использую JQuery для замены изображения, все эти атрибуты теряются.Как я могу использовать PreloadJS от CreateJS для загрузки изображений и сохранения атрибутов?

Каков наилучший способ предварительной загрузки изображений, а затем отображение изображений на моей странице?

<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); 
});

источник

2016-02-12 James W

Применить атрибуты к новому изображению перед использованием JQuery для замены элемента.

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

источник

2016-02-13 07:57:31

Как я могу использовать PreloadJS от CreateJS для загрузки изображений и сохранения атрибутов?

ответ

Смежные вопросы