Ik zou zeggen... zoek snel ff 60 prentjes bij elkaar, noem ze 1 tot 60 en speel het spelletje ff mee!
het werkt écht perfect!
ik heb snel nog even de 'reload-actie' weggenomen bij een fout antwoord. Zo kan men opnieuw proberen en uiteindelijk toch het juiste antwoord vinden... Eerst had ik bij "document.location.reload(true)" het woordje "true" vervangen door "false"... maar dit bleek een foute gok! dan maar het hele zinnetje weggelaten en plots werd het helemaal wat ik wou! De limitering van grootte werkt ook perfect!
nog 1 vraagje om af te sluiten... zoals ik al zei gaat het hier om 350 X 5 prentjes... zou dat teveel kunnen worden om deze allemaal in het scriptje te passen?? zou dat op de één of andere manier kunnen 'overbelast' worden?
Hier volgt dus men uiteindelijke resultaat... (heb wel enkele herhalende lijnen weggelaten om ruimte te besparen hier)
.....
<!DOCTYPE html>
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Aircraft Recognition</title>
<script type="text/javascript">
function test()
{
var image = document.getElementById("image").src;
var antwoord = "";
if(image.indexOf("1.jpg") >= 0){
antwoord = "f-16 fighting falcon"
}
if(image.indexOf("2.jpg") >= 0){
antwoord = "f-16 fighting falcon";
}
if(image.indexOf("3.jpg") >= 0){
antwoord = "f-16 fighting falcon";
}
if(image.indexOf("4.jpg") >= 0){
antwoord = "f-16 fighting falcon";
}
if(image.indexOf("5.jpg") >= 0){
antwoord = "f-16 fighting falcon";
}
if(image.indexOf("6.jpg") >= 0){
antwoord = "jas 39 gripen";
}
if(image.indexOf("7.jpg") >= 0){
antwoord = "jas 39 gripen";
}
if(image.indexOf("8.jpg") >= 0){
antwoord = "jas 39 gripen";
}
if(image.indexOf("9.jpg") >= 0){
antwoord = "jas 39 gripen";
}
if(image.indexOf("10.jpg") >= 0){
antwoord = "jas 39 gripen";
}
if(image.indexOf("11.jpg") >= 0){
antwoord = "mirage f1"
}
...
}
if(image.indexOf("59.jpg") >= 0){
antwoord = "tornado";
}
if(image.indexOf("60.jpg") >= 0){
antwoord = "tornado";
}
var control = document.getElementById("contr")
if (control.value == antwoord){
confirm("juist")
document.location.reload(true)
}
else
{
confirm("fout")
}
}
</script>
<script>
function onload(){
var imgsrc = document.getElementById("image").src;
var img = new Image();
img.src = imgsrc;
var imgwidth = img.width;
if(imgwidth > 500){
document.getElementById("image").width=500;
}
}
</script>
</head>
<body onload="onload()" bgcolor="#999999">
<h1 align="center">Aircraft Recognition</h1>
<center>
<p><script language="JavaScript"><!--
var pictures = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg', '11.jpg', '12.jpg', '13.jpg', '14.jpg', '15.jpg', '16.jpg', '17.jpg', '18.jpg', '19.jpg', '20.jpg', '21.jpg', '22.jpg', '23.jpg', '24.jpg', '25.jpg', '26.jpg', '27.jpg', '28.jpg', '29.jpg', '30.jpg', '31.jpg', '32.jpg', '33.jpg', '34.jpg', '35.jpg', '36.jpg', '37.jpg', '38.jpg', '39.jpg', '40.jpg', '41.jpg', '42.jpg', '43.jpg', '44.jpg', '45.jpg', '46.jpg', '47.jpg', '48.jpg', '49.jpg', '50.jpg', '51.jpg', '52.jpg', '53.jpg', '54.jpg', '55.jpg', '56.jpg', '57.jpg', '58.jpg', '59.jpg', '60.jpg'];
var picture = pictures[Math.floor(Math.random() * pictures.length)];
document.write('<img src="' + picture + '" id="image"/>');
// --></script><noscript><img src="4.jpg"/></noscript></p>
<form name="naam">
<input type="text" name="tekstregel" size="25" id="contr"/>
<input type="button" value="OK" onClick="test()"/>
</form>
</center>
</body>
</html>