CMP5-Opdracht6
How do I make an cmp5-opdracht6?
What is a cmp5-opdracht6? How do you make a cmp5-opdracht6? This script and codes were developed by Sanne Van Gastel on 30 July 2022, Saturday.
CMP5-Opdracht6 - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>CMP5-Opdracht6</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <script> TouchEmulator(); </script>
<img class='foto' src='http://static.wixstatic.com/media/50bc05_e4152d99beb4412680edec7ccd4bf881.jpg'></img>
<p class='caption'>Dit zijn de Azoren, een eilandengroep in het midden van de Atlantische Oceaan tussen de Caribbean en Portugal.</p> <script src='https://hammerjs.github.io/dist/hammer.js'></script> <script src="js/index.js"></script>
</body>
</html>
CMP5-Opdracht6 - Script Codes CSS Codes
body{ background-color: snow;
}
img { display: block; margin: 50px auto; border: 10px solid lightblue; padding: 20px;
}
.foto { height: 500px; width: auto;
}
p { font-family: Helvetica; margin: -20px 300px 50px 300px; float: center; border: 10px solid lightblue; padding: 20px; text-align: center;
}
CMP5-Opdracht6 - Script Codes JS Codes
var random = function () { return Math.floor((Math.random() * 6));
} function main() { var bodyFoto = [ "https://upload.wikimedia.org/wikipedia/commons/8/8c/Lagoa_do_Fogo_on_Sao_Miguel_in_the_Azores_of_Portugal_on_the_planet_Earth.jpg", //Sao Miguel "http://www.fliegen-sparen.de/de-wAssets/img/europa/azoren_terceira_600.jpg", //Sao Jorge "https://upload.wikimedia.org/wikipedia/commons/e/ed/Pico100.jpg", //Pico "https://www.snowleopard.nl/docs/Image/reizen/204/Caldeiruo%20-%20Corvo.jpg", //Corvo "http://static.panoramio.com/photos/large/11451061.jpg", //Terceira "http://www.visitazores.com/sites/all/themes/azzorre/assets/frontshow/images/sao-miguel/sao-miguel-vila-franca.jpg" //Sao Miguel
]; var bodyCaption = [ "De Azoren zijn 9 eilandjes. Het is er erg groen en je kunt er heerlijk wandelen.", "De Azoren bevatten vulkanische grond. Er zijn een aantal dode vulkanen die je kunt bezoeken en zwavelbronnen.", "Op de Azoren kun je heel erg goed dolfijnen en walvissen zoeken. Je kunt zelfs een excursie boeken om met dolfijnen te zwemmen!", "Elk eiland is compleet verschillend. Op Pico heb je bijvoorbeeld veel vulkanen, op Terceira staan de bloemen Hortensia centraal en op Sao Miguel de vele meren en zwavelbronnen. ", "De eilanden zijn ontdekt door Columbus, die op zijn terugweg was van Amerika.", "De Azoren zijn portugees grondgebied. Alle Portugeze gerbuiken, de taal en het eten is dan ook hetzelfde."
]; var mijnFoto = document.getElementsByTagName("img")[0]; var mijnCaption = document.getElementsByTagName("p")[0]; var mc = new Hammer(mijnFoto, mijnCaption); mc.on("panleft panright tap press", function(ev) { mijnFoto.setAttribute("src", fotoArray[random()]); mijnCaption.innerHTML= captionArray[random()]; });
}
window.onload = function() { main();
}
Developer | Sanne Van Gastel |
Username | SannevanGastel |
Uploaded | July 30, 2022 |
Rating | 3 |
Size | 2,799 Kb |
Views | 46,552 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
CMP5-Opdracht11 | 2,642 Kb |
Vex-theme-bottom-right-corner | 2,903 Kb |
CMP5-Opdracht15 | 2,733 Kb |
CMP5-Opdracht09 | 2,065 Kb |
CMP5-Opdracht10 | 3,040 Kb |
CMP-Opdracht12 | 2,241 Kb |
CMP5-Opdracht7 | 13,558 Kb |
CMP5-Opdracht3 | 2,327 Kb |
CMP5-Opdracht14 | 3,780 Kb |
CMP5-Opdracht2 | 10,976 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
700 Synapses Per Second | Silentkrange | 2,138 Kb |
Week7 replicate | Hwcasis | 1,620 Kb |
Filtering with shuffle.js | Deyand | 2,712 Kb |
Animated css matrix type | NielsOeltjen | 3,484 Kb |
Fun animations with CSS3 | Minimalmonkey | 2,360 Kb |
Super Discount | Orrinward | 3,225 Kb |
Responsive Minimal Blog Layout | Hackthevoid | 5,261 Kb |
Material Design-Layout-Principles Practice | Fraina | 2,331 Kb |
Fixed with using Calc | Tomleo | 2,542 Kb |
Virtual vinyl | Davidpanik | 3,474 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!