JQuery: вставьте одно изображение несколько раз

Question

Я не думаю, что это новая проблема. Но для меня это новое.

var image = new Image; 

image.src = 'https://www.google.ru/images/srpr/logo11w.png'; 

$('div#imagePlace').append(image); 
$('div#imagePlace').append(image); 
$('div#imagePlace').append(image); 

Но вставлено только одно изображение. Как вставлено необходимое количество изображений без многочисленных загрузок одного и того же изображения.

Answer 1

Вы можете построить <img> объект, и в цикле, клонировать его и добавьте к вашему элементу интерес:

$(function() { 
    var $img = $('<img />', { 
     'src': 'http://placehold.it/100x100' 
    }); 

    for(var i=0; i<5; i++) { 
     $img.clone().appendTo('#imagePlace'); 
    } 
}); 

Если вы не .clone() объект JQuery, вы будете в конечном итоге, сдвинув его вместо того, чтобы делать копии.

См проверка концепции скрипку здесь: http://jsfiddle.net/teddyrised/Lmvnunq9/