Holder.js - Powrót do DOM?

Question

holder.js

Chcę dynamicznie dodawać obraz zastępczy do mojej strony.

Wkładanie go jak tak nie działa:

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

Ponieważ skrypt posiadacz już zabrakło i nie jest poszukiwanie nowych elementów.

Możemy jednak uruchomić go ponownie ręcznie:

Holder.run() 

Ale wtedy będzie skanować wszystkie elementy, które są już dodanych.

Więc ... czy można uzyskać plik hold.js, aby utworzyć i przekazać element DOM, aby móc dodać go ręcznie bez ponownego uruchamiania całego elementu?

Answer 1

Przekaż Node jako właściwość images do Holder.run, a będziesz mógł uruchomić Uchwyt na dowolnym pojedynczym obrazie. Sam uchwyt nie tworzy elementu DOM, tylko zmienia wartość src.

Kod:

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

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

image.appendTo("body"); 

żywo przykład tutaj: http://jsfiddle.net/imsky/p3DMa/