的Javascript隨機圖像和答案

我有這樣的代碼：的Javascript隨機圖像和答案

<!DOCTYPE html> 
<html> 
<head> 

<script language="JavaScript"> 
<!-- Hide from old browsers 


function pickimg(){ 
var imagenumber = 5 ; 
var randomnumber = Math.random() ; 
var rand1 = Math.round((imagenumber-1) * randomnumber) + 1; 
images = new Array 
images[1] = "1.png" 
images[2] = "2.png" 
images[3] = "3.png" 
images[4] = "4.png" 
images[5] = "5.png" 
var image = images[rand1] 
document.randimg.src = image 
} 
// -- End Hiding Here --> 
</script> 

</head> 


<body onLoad="pickimg()"> 

<a href="" onClick="pickimg();return false;"><IMG SRC="YOUR IMAGE" name="randimg" border=0></a> 


</body> 
</html>

這給我一個隨機的形象，當我點擊它它改變。這個圖像是5個數學問題，我想補充5張答案圖片：answer1.png，answer2.png ... answer5.png

我希望我的腳本來做到這一點：

當我進入網頁給我一個隨機圖像（問題）
當我點擊它給我的答案圖像。防爆。如果隨機圖像是1.png給我答案
當我點擊answer1.png給我另一個隨機問題，然後回答這個問題等等...我不想重複直到所有的問題都顯示出來，然後再進行5個圖像的隨機序列和答案。

謝謝！

或者我可以使用不同的網頁鏈接而不是圖像，但更難以重複。你怎麼看？

來源

2015-01-21 Duty Alex

這是什麼問題？ – 2015-01-21 07:51:03

一種可能性是洗牌你的數組（見How to randomize (shuffle) a JavaScript array?如何做），然後你可以簡單地迭代洗牌數組。

來源

2015-01-21 07:53:53 yunandtidus

有人幫我用這段代碼。很棒。

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 

<head> 
    <title></title> 
<base href="http://www.vicsjavascripts.org/StdImages/" /> 
</head> 

<body> 
<img id="question" src="1.gif" style="visibility:hidden;" onclick="Question('question','answer',QAArray,false);"/> 
<br/> 
<img id="answer" src="Egypt5.jpg" style="visibility:hidden;"onclick="Question('question','answer',QAArray,true);" /> 

<script type="text/javascript"> 
/*<![CDATA[*/ 

var QAArray=[ 
['1.gif','Egypt5.jpg'], 
['2.gif','Egypt6.jpg'], 
['3.gif','Egypt7.jpg'], 
['4.gif','Egypt8.jpg'] 

] 

function Question(q,a,ary,qa){ 
var qo=document.getElementById(q),ao=document.getElementById(a),o=Question[a]; 
if (!o||!o.a[0]){ 
    Question[a]=o={ 
    a:ary.concat().sort(function(){return 0.5 - Math.random();}) 
    } 
} 
if (o&&o.a[0]){ 
    if (qo.style.visibility=='hidden'){ 
    qo.style.visibility='visible'; 
    qo.src=o.a[0][0]; 
    ao.src=o.a[0][1]; 
    } 
    if (qa===false&&ao.style.visibility=='hidden'){ 
    ao.style.visibility='visible'; 
    } 
    else if (qa===true){ 
    qo.style.visibility=ao.style.visibility='hidden'; 
    o.a.splice(0,1); 
    Question(q,a,ary); 
    } 
} 
} 

Question('question','answer',QAArray); 

/*]]>*/ 
</script> 
</body> 

</html>

來源

2015-01-22 07:23:56

的Javascript隨機圖像和答案

回答

相關問題