Difference between revisions of "Team:NYU-AD"

Line 2: Line 2:
 
<html>
 
<html>
  
 +
<style>
 +
.text {
 +
color:black;
 +
font-family:Cantarell, sans-serif;
 +
font-size: 15px;
 +
}
 +
.subtitle {
 +
margin: 40px;
 +
text-align: center;
 +
font-family: cursive;
 +
color: black;
 +
font-size: 30px;
 +
}
 +
.RotateImg img{
 +
  width:1250px;
 +
  height:500px;
 +
  border-bottom: solid 0.6em;
 +
  border-color: #397886;
 +
  width:cover;
 +
  position:relative;
  
−
<p>Page Under Construction!<p>
+
}
 +
h2 {
 +
position:absolute;
 +
top:650px;
 +
left:100px;
 +
width:100%;
 +
text-decoration: none;
 +
text-align:left;
 +
border:none;
 +
}
 +
h2 span {
 +
  color: white;
 +
  font: bold 24px/45px Helvetica, Sans-Serif;
 +
  letter-spacing: 1px; 
 +
  background: rgb(0, 0, 0); /* fallback color */
 +
  background: #397886;
 +
  padding: 25px;
 +
}
 +
</style>
  
 +
<div onload = "startTimer()">
 +
<div class="RotateImg">
 +
<img id="theImage" src="https://static.igem.org/mediawiki/2015/1/17/RotateImg3.jpg" alt="" />
 +
<h2> <span>Self-sustaining Mosquito Trap </span></h2>
 +
</div>
 +
<button type="button" onclick="displayPreviousImage()">Previous</button>
 +
<button type="button" onclick="displayNextImage()">Next</button>
 +
<br><br>
 +
<p class="subtitle">Page Under Construction!<p>
  
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
<script type = "text/javascript">
 +
 +
          function displayNextImage() {
 +
            console.log("Display next image");
 +
              x = (x === images.length - 1) ? 0 : x + 1;
 +
              document.getElementById("theImage").src = images[x];
 +
          }
 +
 +
          function displayPreviousImage() {
 +
            console.log("Display previous image");
 +
              x = (x <= 0) ? images.length - 1 : x - 1;
 +
              document.getElementById("theImage").src = images[x];
 +
          }
 +
 +
          function startTimer() {
 +
              console.log("Starting timer!");
 +
              setInterval(displayNextImage, 4s000);
 +
          }
 +
 +
          var images = [], x = -1;
 +
          images[0] = "https://static.igem.org/mediawiki/2015/a/ab/Team-MIT-Psbanner.jpg";
 +
          images[1] = "https://static.igem.org/mediawiki/2015/2/2a/RotateImg2.jpg";
 +
          images[2] = "https://static.igem.org/mediawiki/2015/1/17/RotateImg3.jpg";
 +
 +
          console.log("Loaded!");
 +
          startTimer();
  
 +
</script>
  
 
</html>
 
</html>

Revision as of 23:20, 17 September 2015

Self-sustaining Mosquito Trap



Page Under Construction!