Holder.js - вернуть элемент DOM?

Question

holder.js

Я хочу, чтобы динамическое добавление образа заполнителя на мою страницу.

Вставка его, как так не работает:

$('<li>',{class:'file-item'}) 
    .append($('<img>',{'data-src':'holder.js/150x150'})) 
    .append($('<span>',{class:'file-name'}).text(file.name)) 
    .appendTo('#file-list'); 

Поскольку сценарий владелец уже бежал и не поиск новых элементов.

Мы можем, однако, запустить его снова вручную:

Holder.run() 

Но тогда он будет сканировать все элементы, которые уже добавлены.

Итак ... есть способ, которым я могу получить holder.js, чтобы создать и вернуть мне элемент DOM, чтобы я мог добавить его вручную без повторного запуска всего этого?

Answer 1

Пройдите Node как images собственности до Holder.run, и вы сможете запускать держатель на любом отдельном изображении. Сам держатель не создает элемент DOM, он просто меняет значение src.

Код:

var image = $("<img>").attr({ 
    "data-src": "holder.js/300x200" 
}) 

Holder.run({ 
    images: image[0] 
}); 

image.appendTo("body"); 

Живой пример здесь: http://jsfiddle.net/imsky/p3DMa/