Line 122: | Line 122: | ||
<body> | <body> | ||
− | |||
<h2 class="w3-center"></h2> | <h2 class="w3-center"></h2> | ||
Line 130: | Line 129: | ||
<img class="mySlides" src="https://static.igem.org/mediawiki/2017/f/f3/T-Northwestern_PI-.jpg" width:"400px" height="200px">"> | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/f/f3/T-Northwestern_PI-.jpg" width:"400px" height="200px">"> | ||
</div> | </div> | ||
+ | |||
+ | <script> | ||
+ | var myIndex = 0; | ||
+ | carousel(); | ||
+ | |||
+ | function carousel() { | ||
+ | var i; | ||
+ | var x = document.getElementsByClassName("mySlides"); | ||
+ | for (i = 0; i < x.length; i++) { | ||
+ | x[i].style.display = "none"; | ||
+ | } | ||
+ | myIndex++; | ||
+ | if (myIndex > x.length) {myIndex = 1} | ||
+ | x[myIndex-1].style.display = "block"; | ||
+ | setTimeout(carousel, 2000); // Change image every 2 seconds | ||
+ | } | ||
+ | </script> | ||
+ | |||
<h1 class= "w3-center" style = "color: purple"> Click to meet the Team!</h1> | <h1 class= "w3-center" style = "color: purple"> Click to meet the Team!</h1> | ||
<br> | <br> | ||
<br> | <br> | ||
− | |||
<div class= "w3-row"> | <div class= "w3-row"> | ||
Line 386: | Line 402: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
<br> | <br> | ||
<br> | <br> |
Revision as of 15:51, 7 August 2017
">