Difference between revisions of "Team:Cornell NY/header"

Line 26: Line 26:
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
     <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/stylejs?action=raw&ctype=text/javascript"></script>
 
     <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/stylejs?action=raw&ctype=text/javascript"></script>
 +
 +
    <script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/imageviewer?action=raw&ctype=text/javascript"></script>
 +
    <link type="text/css" rel="stylesheet" href="https://2016.igem.org/Team:Cornell_NY/imageviewercss?action=raw&ctype=text/css" />
  
 
</head>
 
</head>
Line 82: Line 85:
 
   </div><!-- /.container-fluid -->
 
   </div><!-- /.container-fluid -->
 
</nav>
 
</nav>
 +
 +
 +
<div>
 +
  <img id="image" src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture">
 +
</div>
 +
 +
<div>
 +
  <ul id="images">
 +
    <li><img src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture"></li>
 +
    <li><img src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture 2"></li>
 +
    <li><img src="https://imgs.xkcd.com/comics/proofs.png" alt="Picture 3"></li>
 +
  </ul>
 +
</div>
 +
 +
<script>
 +
var options = {
 +
    inline: true,
 +
 +
}
 +
 +
// View one image
 +
var viewer = new Viewer(document.getElementById('image'), options);
 +
 +
// View some images
 +
var viewer = new Viewer(document.getElementById('images'),options);
 +
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:34, 28 August 2016

Cornell iGEM

Picture
  • Picture
  • Picture 2
  • Picture 3