用java腳本添加一個圖像測驗

Question

即時通訊使用http://www.dhtmlgoodies.com/index.html?whichScript=quiz-maker但我希望能夠顯示每個問題的圖片。

我已經嘗試在每個部分添加這樣的喜歡，但它似乎不工作。

 (new Image()).src = "http:/track.me/image.gif"; 

和

 var img = new Image(1,1); // width, height values are optional params 
     img.src = 'http://www.testtrackinglink.com'; 

這裏是以下問題變種。

 var questions = [ 
       { 
        label : 'Name Arsenals Football Ground?', 
        options : ['Emirates Stadium', 'Old Trafford', 'Stamford Bridge'], 
        answer : ['Emirates Stadium'], 
        forceAnswer : true, 


       }, 
       { 
        label : 'Who was the champion of this years soccer world cup in South Africa ?', 
        options : ['Brazil', 'Netherlands', 'Spain'], 
        answer : ['Spain'], 
        forceAnswer : true 
       }, 
       { 
        label : 'Name two former Arsenal players ?', 
        options : ['Thierry Henry', 'Tony Adams', 'Michael Owen', 'Ole Gunnar Solskjaer'], 
        answer : [0,1], // refers to the second and third option 
        forceAnswer : true 
       } 
       , 
       { 
        label : 'United States has how many states', 
        options : ['49','50','51'], 
        answer : ['50'], 
        forceAnswer : true 
       }, 
       { 
        label : 'A crocodile is a member of which family ?', 
        options : ['amphibian','reptile', 'vermin'], 
        answer : ['reptile'], 
        forceAnswer : true 
       }, 
       { 
        label: 'In which year did Atlanta(US) arrange the summer olympics ?', 
        options : ['1992','1996','2000'], 
        answer :['1996'], 
        forceAnswer : true 
       } 

      ] 

Answer 1

創建新圖像並不意味着它也會附加到DOM。你必須手動添加它。

var img = new Image(); 
img.src = 'http://www.example.com/images/img.jpg'; 

document.body.appendChild(img); 

另外，在運行javascript之前，請確保要添加圖像的元素存在。

Answer 2

試試這個，讓我知道。

與jQuery

$.each(questions, function(i){ 
    var img = new Image(); 
    img.src='http://www.example.com/images/img.jpg'; 
    document.body.appendChild(img); 
}); 

沒有jQuery的

for(var i=0;i<questions.length;i++){ 
    var img = new Image(); 
    img.src='http://www.example.com/images/img.jpg'; 
    document.body.appendChild(img); 
});