동적으로 생성 된 div 태그 내부의 이미지

-1

JavaScript, window (컴퓨터, iphone, ipad, Blackberry 등)의 너비에 따라 크기가 조정되는 6 개의 div 태그를 동적으로 만드는 것이 필요합니다. 그 임무는 성공적으로 달성되었습니다. 다음 작업은 생성 된 div 태그 각각에 이미지를 배치하는 것입니다. div가 동적으로 생성되고 이미지를 클릭 할 수 있어야합니다. 이미지가 들어있는 폴더가 있습니다.동적으로 생성 된 div 태그 내부의 이미지

에 새로운 기능이 있습니다.

** 참고 : div 크기가 조정되면 이미지의 크기가 조정됩니다. * 다음은 동적으로 생성 된 div 태그의 코드입니다. 제발 최선을 다해 이것을 달성 할 수있는 방법을 보여줍니다.

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

출처

2013-02-15 Bosh

왜 이것을 jQuery에 태그 했습니까? – Johan

이 게시물을 봐 : http://stackoverflow.com/questions/8013792/how-to-create-a-new-img-tag-with-jquery-with-the-src-and-id-from- - 자바 스크립트 - O를 – Pete

시도해 볼 수있는 것은 html을 문자열로 생성하고 요소에 추가하는 것입니다.

오!

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

을 추가해야 할 필요가 있거나 여러 div가 있어야 할 경우 동일한 항목에 대해 html을 생성 할 수있는 루프를 가질 수 있습니다.
이것이 도움이되지 않는다면 알려주세요.)

출처

2013-02-15 10:49:30

동적으로 생성 된 div 태그 내부의 이미지

답변

관련 문제