JurreSteens (Talk | contribs) (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...") |
JurreSteens (Talk | contribs) |
||
Line 4: | Line 4: | ||
/* Style the Image Used to Trigger the Modal */ | /* Style the Image Used to Trigger the Modal */ | ||
− | # | + | #VecMap{ |
border-radius: 5px; | border-radius: 5px; | ||
cursor: pointer; | cursor: pointer; | ||
Line 10: | Line 10: | ||
} | } | ||
− | # | + | #VecMap:hover {opacity: 0.7;} |
Line 50: | Line 50: | ||
/* Add Animation - Zoom in the Modal */ | /* Add Animation - Zoom in the Modal */ | ||
− | .modal-content, # | + | .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() { | ||
− | $('# | + | $('#VecMap-Modal').toggle(); |
}); | }); | ||
$('#IgG-Modal').on('click', function() { | $('#IgG-Modal').on('click', function() { | ||
− | $('# | + | $('#VecMap-Modal').toggle(); |
}); | }); | ||
Revision as of 20:12, 1 November 2017