Difference between revisions of "Team:Toronto/WetLab/ExperimentProtocols"

Line 13: Line 13:
  
 
#PopupImg:hover {opacity: 0.7; z-index: -1;}
 
#PopupImg:hover {opacity: 0.7; z-index: -1;}
 +
 +
.popUpImgClass{
 +
 
 +
}
  
 
/* The Modal (background) */
 
/* The Modal (background) */
Line 104: Line 108:
 
      
 
      
 
     <div>
 
     <div>
−
       <img id="PopupImg" src="https://static.igem.org/mediawiki/2018/c/cc/T--Toronto--6_29_2018_Safety_1.jpg" alt="Lab" style="width:100%;max-width:300px">
+
       <img class= popUpImgClass id="PopupImg" src="https://static.igem.org/mediawiki/2018/c/cc/T--Toronto--6_29_2018_Safety_1.jpg" alt="Lab" style="width:100%;max-width:300px">
  
 
       <!-- The Modal -->
 
       <!-- The Modal -->
Line 114: Line 118:
 
     </div>
 
     </div>
 
     <div>
 
     <div>
−
       <img id="PopupImg" src="https://static.igem.org/mediawiki/2018/c/cc/T--Toronto--6_29_2018_Safety_1.jpg" alt="Lab" style="width:100%;max-width:300px">
+
       <img class= popUpImgClass id="PopupImg" src="https://static.igem.org/mediawiki/2018/c/cc/T--Toronto--6_29_2018_Safety_1.jpg" alt="Lab" style="width:100%;max-width:300px">
  
 
       <!-- The Modal -->
 
       <!-- The Modal -->
Line 136: Line 140:
  
 
// Get the image and insert it inside the modal - use its "alt" text as a caption
 
// Get the image and insert it inside the modal - use its "alt" text as a caption
−
var img = document.getElementById('PopupImg');
+
var img = document.getElementsByClassName('popUpImgClass');
 
var modalImg = document.getElementById("img01");
 
var modalImg = document.getElementById("img01");
 
var captionText = document.getElementById("caption");
 
var captionText = document.getElementById("caption");

Revision as of 20:35, 10 August 2018

Lab
Lab