diff --git a/index.html b/index.html index 5618819..73964ce 100644 --- a/index.html +++ b/index.html @@ -274,20 +274,16 @@ /////////////////////////////////////////////////////// // First modal image on Keyframe// var modal = document.getElementById("myModal"); - // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById("myImg"); var modalImg = document.getElementById("img01"); - img.onclick = function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; } - // Get the element that closes the modal var span = document.getElementsByClassName("close")[0]; - // When the user clicks on (x), close the modal span.onclick = function() { modal.style.display = "none"; @@ -295,20 +291,16 @@ span.onclick = function() { /////////////////////////////////////////////////////// // Second modal image on Shorthand syntax// var model = document.getElementById("myModel"); - // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById("short"); var modelImg = document.getElementById("img02"); - img.onclick = function(){ model.style.display = "block"; modelImg.src = this.src; captionText.innerHTML = this.alt; } - // Get the element that closes the modal var span = document.getElementsByClassName("closee")[0]; - // When the user clicks on (x), close the modal span.onclick = function() { model.style.display = "none"; @@ -316,25 +308,20 @@ model.style.display = "none"; /////////////////////////////////////////////////////// // Third modal image on Dimensions of bubble// var mode = document.getElementById("myMode"); - // Get the image and insert it inside the modal - use its "alt" text as a caption var img = document.getElementById("final"); var modeImg = document.getElementById("img03"); - img.onclick = function(){ mode.style.display = "block"; modeImg.src = this.src; captionText.innerHTML = this.alt; } - // Get the element that closes the modal var span = document.getElementsByClassName("closeee")[0]; - // When the user clicks on (x), close the modal span.onclick = function() { mode.style.display = "none"; } -