Difference between revisions of "Template:Wageningen UR/PhageCSS"

(Created page with "<html> <style> Style the Image Used to Trigger the Modal: #IgG{ border-radius: 5px; cursor: pointer; transition: 0.3s; } #IgG:hover {opacity: 0.7;} /* T...")
 
Line 4: Line 4:
  
 
  /* Style the Image Used to Trigger the Modal */
 
  /* Style the Image Used to Trigger the Modal */
#IgG{
+
#VecMap{
 
     border-radius: 5px;
 
     border-radius: 5px;
 
     cursor: pointer;
 
     cursor: pointer;
Line 10: Line 10:
 
}
 
}
  
#IgG:hover {opacity: 0.7;}
+
#VecMap:hover {opacity: 0.7;}
  
  
Line 50: Line 50:
  
 
/* Add Animation - Zoom in the Modal */
 
/* Add Animation - Zoom in the Modal */
.modal-content, #IgG-caption {
+
.modal-content, #VecMap-caption {
 
     -webkit-animation-name: zoom;
 
     -webkit-animation-name: zoom;
 
     -webkit-animation-duration: 0.6s;
 
     -webkit-animation-duration: 0.6s;
Line 108: Line 108:
 
$(function() {
 
$(function() {
 
$('#VecMap').on('click', function() {
 
$('#VecMap').on('click', function() {
$('#IgG-Modal').toggle();   
+
$('#VecMap-Modal').toggle();   
 
});
 
});
 
                 $('#IgG-Modal').on('click', function() {
 
                 $('#IgG-Modal').on('click', function() {
$('#IgG-Modal').toggle();   
+
$('#VecMap-Modal').toggle();   
 
});
 
});
  

Revision as of 20:12, 1 November 2017