Jackarnold13 (Talk | contribs) |
Jackarnold13 (Talk | contribs) (Undo revision 477706 by Jackarnold13 (talk)) |
||
Line 176: | Line 176: | ||
<center> | <center> | ||
<button class="foo"> | <button class="foo"> | ||
− | <a style="text-decoration:none !important;" class="foo" > | + | <a style="text-decoration:none !important;" class="foo" href="#JL"> |
<img src="https://static.igem.org/mediawiki/2017/c/cb/T--Northwestern--Leonard.png" width="200px"/> | <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Northwestern--Leonard.png" width="200px"/> | ||
<img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--Leonard4.png" width="200px"/> | <img src="https://static.igem.org/mediawiki/2017/e/e4/T--Northwestern--Leonard4.png" width="200px"/> | ||
Line 183: | Line 183: | ||
<button class="foo"> | <button class="foo"> | ||
− | <a style="text-decoration:none !important;" class="foo" > | + | <a style="text-decoration:none !important;" class="foo" href="#KT"> |
<img src="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--tyo.png" width="200px" /> | <img src="https://static.igem.org/mediawiki/2017/6/66/T--Northwestern--tyo.png" width="200px" /> | ||
<img src="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--Tyo.png" width="200px"/> | <img src="https://static.igem.org/mediawiki/2017/9/91/T--Northwestern--Tyo.png" width="200px"/> | ||
Line 190: | Line 190: | ||
</button> | </button> | ||
<button class="foo"> | <button class="foo"> | ||
− | <a style="text-decoration:none !important;" class="foo" > | + | <a style="text-decoration:none !important;" class="foo" href="#DTE"> |
<img src="https://static.igem.org/mediawiki/2017/d/d8/T--Northwestern--dte.png"width="200px" /> | <img src="https://static.igem.org/mediawiki/2017/d/d8/T--Northwestern--dte.png"width="200px" /> | ||
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--Northwestern--dte2.png" width="200px"/> | <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Northwestern--dte2.png" width="200px"/> | ||
Line 197: | Line 197: | ||
<button class="foo"> | <button class="foo"> | ||
− | <a style="text-decoration:none !important;" class="foo" > | + | <a style="text-decoration:none !important;" class="foo" href="#JM"> |
<img src="https://static.igem.org/mediawiki/2017/4/44/T--Northwestern--Mordacq.png" width="200px" /> | <img src="https://static.igem.org/mediawiki/2017/4/44/T--Northwestern--Mordacq.png" width="200px" /> | ||
<img src="https://static.igem.org/mediawiki/2017/2/29/T--Northwestern--Mordacq2.png" width="200px"/> | <img src="https://static.igem.org/mediawiki/2017/2/29/T--Northwestern--Mordacq2.png" width="200px"/> | ||
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> | ||
Revision as of 00:45, 2 November 2017
Meet our Team
Meet our advisors
×
Graduate and undergraduate student network
Graduate and undergraduate student network