Difference between revisions of "Team:Groningen/test"
| Line 27: | Line 27: | ||
</body> | </body> | ||
| + | <script> | ||
| + | //modal trigger | ||
| + | var modal = document.getElementById('myModal'); | ||
| + | var images = document.getElementsByClassName("imgsize"); | ||
| + | for(var i = 0; i < images.length; i++){ | ||
| + | var img = images[i]; | ||
| + | var modalImg = document.getElementById("img01"); | ||
| + | var captionText = document.getElementById("caption"); | ||
| + | img.onclick = function(){ | ||
| + | modal.style.display = "block"; | ||
| + | modalImg.src = this.src; | ||
| + | modalImg.alt = this.alt; | ||
| + | captionText.innerHTML = this.alt; | ||
| + | } | ||
| + | } | ||
| + | //Get click and close | ||
| + | modal.addEventListener('click',function(){ | ||
| + | this.style.display="none"; | ||
| + | }) | ||
| + | </script> | ||
</html> | </html> | ||
Revision as of 15:35, 27 September 2017
Meet our team!
If you ever wonder how awesome we are, you are about to find out!
