2017-01-19 6 views
0

기본적으로 각 질문에 이미지를 추가하는 가장 효율적인 방법을 찾으려고합니다. 텍스트를 사용하면 문제가 없습니다. 그러나 이미지가 표시되지 않고 자바 스크립트가 처음입니다. 어떤 도움을 주시면 감사하겠습니다.이미지 파일을 자바 스크립트에 텍스트가 포함 된 배열의 일부로 표시하려면 어떻게해야합니까?

다음과 같이 배열을 선언했습니다. 질문에 대한 이미지, 선택 항목에 대한 답변 배열 및 대답이 있어야합니다.

var questions=[ 
new Question("http://path/hombre.jpg",["man","day","weather","time"],"man"), 
new Question("http://path/day.jpg", ["year","thing","part/portion","day"],"year"),]; 

다음은 앱에서 질문을 채우는 기능입니다. 물론 js와 html에는 더 많은 코드가 있습니다. 그러나 질문이나 질문의 ​​일부로 다른 텍스트와 함께 이미지를 표시하는 데 사용할 수있는 명령이나 바로 가기가 있는지 알고 싶습니다.

function populate(){ 
if(quiz.isEnded()){ 
    showScores(); 
} 
else{ 

    //show question and try to put the picture here 
    var element = document.getElementById("question"); 
    element.innerHTML = quiz.getQuestionIndex().text; 

    //Show Choices 
    var choices = quiz.getQuestionIndex().choices; 
    for (var i=0; i< choices.length; i++){ 
     var element = document.getElementById("choice" + i); 
     element.innerHTML = choices[i]; 
     guess("btn"+ i, choices[i]); 
    } 
    showProgress(); 
} 
}; 

}; 

답변

0

이 시도 :

element.innerHTML = ('<img src='+choices[linkPosition]+'>'); 
element.innerHTML += choices[restOfContentLocation]; 

또는 그러나/당신이 이미지 경로를 저장할 때마다 여기 텍스트 만 인 경우 잘 작동 기능에 대한 코드입니다. 나는 문제가 어디에 있는지 확신 할 수 없지만 이것을 시도한다.

+0

문제는 element.innerHTML = quiz.getQuestionIndex(). 텍스트에있었습니다. 질문의 텍스트를 표시 할 수 있지만 이미지를 표시하지는 않습니다. –