|
|
| Line 206: |
Line 206: |
| | </p> | | </p> |
| | </div> | | </div> |
| − |
| |
| − |
| |
| − | <!-- Leonard Modal -->
| |
| − | <div id="myModal" class="modal">
| |
| − | <span class="close">×</span>
| |
| − | <img class="modal-content" id="img01">
| |
| − | <div id="caption"></div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <script>
| |
| − | // Get the modal
| |
| − | var modal = document.getElementById('myModal');
| |
| − |
| |
| − | // Get the image and insert it inside the modal - use its "alt" text as a caption
| |
| − | var click = document.getElementById('click');
| |
| − | var img = document.getElementById('Leonard');
| |
| − | var modalImg = document.getElementById("img01");
| |
| − | var captionText = document.getElementById("caption");
| |
| − | click.onclick = function(){
| |
| − | modal.style.display = "block";
| |
| − | modalImg.src = img.src;
| |
| − | captionText.innerHTML = img.alt;
| |
| − | }
| |
| − |
| |
| − | // Get the <span> element that closes the modal
| |
| − | var span = document.getElementsByClassName("close")[0];
| |
| − |
| |
| − | // When the user clicks on <span> (x), close the modal
| |
| − | span.onclick = function() {
| |
| − | modal.style.display = "none";
| |
| − | }
| |
| − | </script>
| |
| | | | |
| | | | |
