}
/**
* Check if the images from the fruitmachine are equal.
* If the images are equal --> Output Jackpot!
* @param type $images the letters from the fruitmachine
*/
function areValuesEqual($images)
{
if (count(array_unique($images)) == 1) {
echo "<p class='jackpot'>Jackpot!!</p>";
}
}
echo "<div class=images>";
# Generate and show 3 images to the screen.
for ($i = 1; $i <= 3; $i++) {
$randomImage = randomImage();
echo "<div class='image'>" . $randomImage . "</div>";
array_push($generatedImages, $randomImage);
}
# After the images have been generated, check if they are all equal
areValuesEqual($generatedImages);
echo "</div>";
# Template data
$the_title = "Week 6: Fruitmachine met afbeeldingen";
$the_content = ob_get_clean();
$show_source = array("16_fruitmachine_afbeeldingen.php" => __FILE__);
include "sidebar_array.php";
$sidebar_array = sidebar_array();
$sidebar_header = "Opdrachten PHP";
$assignment_description = "\n <p>Herschrijf de functie uit opdracht 15 zodat je in plaats van 3 letters 3 \nlaatjes te zien krijgt. Als de 3 plaatje identiek zijn, dan krijgt je de \nboodschap 'Jackpot' getoond. </p>";
?>
img {
width: <?php
echo $cell_width;
?>
px;
}
</style>
<?php
echo "<table>";
for ($i = 1; $i <= $table_rows; $i++) {
echo "<tr>";
for ($j = 1; $j <= $table_columns; $j++) {
echo "<td>";
# Show a random image in each table cell
randomImage($images);
echo "</td>";
}
echo "</tr>";
}
echo "</table>";
/**
* @param array $afbeeldingen_array Array of arrays that contain images,
* the alt-text and a hyperlink.
*/
function randomImage($images)
{
$array_length = count($images);
$random_value = mt_rand(0, $array_length - 1);
$current_image = $images[$random_value];
echo "<a href=\"images/{$current_image['0']}\"> <img src=\"images/{$current_image['0']}" . "\" alt=\"{$current_image['1']}\"></a>";
<meta name="keywords" content="design, code, art, php, web, python, html, css, unix, linux, bsd, freebsd">
<meta name="author" content="Philip Andersen">
<!-- Mobile -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<!-- Stylesheets -->
<link rel="stylesheet" media="all" href="css/normalize-3.0.3.css">
<link rel="stylesheet" media="only screen" href="css/font-awesome.min.css">
<link rel="stylesheet" media="only screen" href="css/style.css">
<link rel="stylesheet" media="only screen and (min-width: 60em)" href="css/animate.css">
<?php
// If photos exists, use it as background
if ($image = randomImage()) {
echo "<!-- Random photo generator -->\n <style>\n @media only screen {\n body, #blur {\n background: url('../{$image}') no-repeat center center fixed;\n -webkit-background-size: cover;\n -moz-background-size: cover;\n -o-background-size: cover;\n background-size: cover;\n }\n }\n </style>\n";
}
?>
</head>
<body>
<!-- vCard -->
<div id="vcard" class="flexbox-container">
<!-- Gaussian Blur layer -->
<div id="blur" class="animated fadeIn"></div>
<!-- Header/Sidebar -->
<section id="vcard-sidebar" class="animated fadeInRight">
