Изображение внутри динамически созданных тегов div

Question

Требуется динамическое создание шести тегов div с использованием Javascript, который будет изменять размер ширины окна (либо компьютера, iphone, ipad, Blackberry и т. Д.). эта задача была успешно достигнута. Следующая задача - разместить изображение в каждом из созданного тега div, Помните, что divs создаются динамически, и изображение должно быть доступно для клика. У меня есть папка, содержащая изображения.

Пожалуйста, помогите мне новым.

** Примечание. Изображения должны изменяться при изменении размеров divs. * Вот код для динамически созданных тегов div. Пожалуйста, подробно объясните, как лучше всего я могу это достичь.

function DynamicDiv() 
{ 
    for (var i = 0; i <= 5; i++) 
    { 
     var dynDiv = document.createElement("div"); 
     dynDiv.className = "blocks"; 
     document.body.appendChild(dynDiv); 
    } 
} 

Answer 1

то, что вы можете попробовать, это создать html как строку и добавить ее к элементу.

var html='<div>'; 
html='<img src="'+ImagePathforDynamic+'" alt="'+ImageAlterText+'"'/>; 
html+='</div>'; 
$('#idOfElement').append(html); 

Ох! нужно добавить события

$('#idOfElement img').click(function(){ 
    // your code to perform on click of the image 
}); 

или если вы хотите иметь несколько дивы, то вы можете иметь цикл, который может генерировать HTML для того же.
Сообщите мне, если это вам не поможет;)