2017-01-19 2 views
0

Fondamentalement, j'essaie de trouver le moyen le plus efficace d'ajouter simplement une image à chaque question. Le texte fonctionne bien si je l'utilise juste. Mais les images ne s'affichent pas et je suis nouveau sur Javascript. Toute aide serait appréciée.Comment afficher un fichier image dans un tableau avec du texte en javascript?

J'ai déclaré un tableau comme suit: il devrait avoir une image pour la question, un tableau de réponses pour les choix et une réponse.

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"),]; 

Voici la fonction qui remplit les questions dans l'application. Il y a plus de code dans js et html bien sûr, mais je voudrais savoir s'il y a une commande ou un raccourci que je peux utiliser pour afficher l'image avec l'autre texte dans le cadre d'une question. Voici le code de la fonction qui fonctionne très bien si elle est un texte seulement:

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(); 
} 
}; 

}; 

Répondre

0

essayez ceci:

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

Ou cependant/où vous stockez le chemin de l'image. Je ne sais pas trop où est le problème, mais essayez ceci.

+0

Le problème était dans element.innerHTML = quiz.getQuestionIndex(). Text; Il peut afficher le texte de la question mais il n'affiche pas l'image. –