I have very limited knowledge of programming, but here is what I'm trying to do. I have a webpage with 10 pictures on it and the user is given a clue. The user must click the images that relate to the clue. When all of the correct images have been selected a continue button will appear and take the user to the next puzzle.
Here is my code/pseudo-code that I have:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>test</title>
</head>
<body>
<img src="pictures/image01.jpg" width="100" height="100" />
<img src="pictures/image02.jpg" width="100" height="100" />
<img src="pictures/image03.jpg" width="100" height="100" />
<img src="pictures/image04.jpg" width="100" height="100" />
<img src="pictures/image05.jpg" width="100" height="100" />
<br />
<img src="pictures/image06.jpg" width="100" height="100" />
<img src="pictures/image07.jpg" width="100" height="100" />
<img src="pictures/image08.jpg" width="100" height="100" />
<img src="pictures/image09.jpg" width="100" height="100" />
<img src="pictures/image10.jpg" width="100" height="100" />
<br />
<img src="pictures/continue.jpg" width="100" height="100" />
<?php
$image01 = image01.jpg;
$image02 = image02.jpg;
$image03 = image03.jpg;
$image04 = image04.jpg;
$image05 = image05.jpg;
$image06 = image06.jpg;
$image07 = image07.jpg;
$image08 = image08.jpg;
$image09 = image09.jpg;
$image10 = image10.jpg;
$continueButton = continue.jpg;
if ($image05 == selected && $image06 == selected && $image07 == selected) {
$continueButton is active
}
else {
$continueButton is inactive
}
?>
</body>
</html>
