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