동적으로 생성 된 div에 이미지 src을 설정할 수 없습니다.

Question

javascript에서 작성된 div의 배경 URL을 설정하려고합니다. Jquery Orbit 슬라이더에 사용됩니다. 여기 내가 어떻게하는지.

var content 1 = null 
$("#featured").html("<div id='content' style=''>"); 
content1 = document.getElementById("content"); 
content1.style.background="url(" + imageUrlList[0] + ")"; 

imageUrlList가 여기에서 왔습니다.

imageUrlList.push(document.getElementById("image1Container").src) 

그것은 또 다른 이미지 태그의 SRC를 가져옵니다. 그래서 목표는 이미지 태그의 src를 가져 와서 javascript를 통해 만든 div (내용)의 배경으로 설정하는 것입니다. 문제는 그것이 존재하지 않는다는 것입니다. 나는 검사 요소를 보았습니다. URL은 거기에 있습니다, 나는 그것이 base64에 있다고 생각합니다, 확실하지 않습니다. 그러나 그것은 거기에있다. 문제가 뭐라고 생각하니? 어떤 아이디어? 감사!

업데이트 : 사용자가 파일 대화 상자에서 이미지를 선택하면 이미지가 표시됩니다. 이 이미지는 이미지 컨테이너의 이미지 태그에 표시됩니다. 다음은 내가 얻고 콘텐츠 사업부

function readURL(input, x) { 
    if (input.files && input.files[0]) { 
     var reader = new FileReader(); 


     reader.onload = function (e) { 
      if(x == 1) 
      {$('#image1Container').attr('src', e.target.result);} 
      else if(x == 2) 
      {$('#image2Container').attr('src', e.target.result);} 
      else if(x == 3) 
      {$('#image3Container').attr('src', e.target.result);} 
      else if(x == 4) 
      {$('#image4Container').attr('src', e.target.result);} 
      else 
      {$('#image5Container').attr('src', e.target.result);} 

     } 

     reader.readAsDataURL(input.files[0]); 
    } 
} 

Answer 1

imageUrlList [0] 따옴표로 묶여되지 않는 것 같습니다로 표시 할 소스 이미지입니다. 잘 모르겠어요하지만 어쩌면 당신은 시도 할 수 있습니다 :

content1.style.background="url('" + imageUrlList[0] + "')"; 

Answer 2

위 충분한 정보가있을 것 같지 않습니다하지만 당신은 이미지 데이터 스트림 (64 기수)이 아닌 실제 URL을 사용하는 것과 거의 같습니다 . http://www.w3.org/TR/mwabp/#bp-conserve-css-images (3.4.7.2);

URL

SRC ('데이터 : 64 기수, [데이터] 이미지/PNG) 당신의 배경 값이 데이터에 대한 모든 적절한 속성 인코딩 된 내용이 포함되어 있는지 확인합니다.

Answer 3

이 사용할 수 있습니다 -

$('#content').css('background-image', 'url("' + imageUrlList[0] + '")');