|
|
(6 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | __NOTOC__
| |
- | {{:Team:Northwestern/Templates/trial}}
| |
| | | |
- | <html>
| |
- | <div id="header" style="margin: 14px 0px 0px -0px;">
| |
- | <img src="https://static.igem.org/mediawiki/2011/4/4c/Heading_banner_long.gif" height = "70px" width="750px" style="opacity:1;filter:alpha(opacity=100)" alt="NU-igem banner"/ border="0">
| |
- | <div style="margin: -55px 0px 0px 80px;font:35px helvetica; color:#ffffff;"> Photo Gallery
| |
- | </div></div>
| |
- | </html>
| |
- | <br>
| |
- |
| |
- | <!-- <DIV style="font-size:20px">
| |
- | Introduction
| |
- | </DIV>
| |
- | ------------------------>
| |
- |
| |
- | <html>
| |
- | <div style="text-align:center">
| |
- | <script>
| |
- | function jsonFlickrApi(rsp) {
| |
- | if (rsp.stat != "ok"){
| |
- | // If this executes, something broke!
| |
- | return;
| |
- | }
| |
- |
| |
- | //variable "s" is going to contain
| |
- | //all the markup that is generated by the loop below
| |
- | var s = "";
| |
- |
| |
- | //this loop runs through every item and creates HTML
| |
- | for (var i=0; i < rsp.photos.photo.length; i++) {
| |
- | //for (var i=0; i < 10; i++) {
| |
- | photo = rsp.photos.photo[ i ];
| |
- |
| |
- | //notice that "t.jpg" is where you change the
| |
- | //size of the image
| |
- | t_url = "http://farm" + photo.farm +
| |
- | ".static.flickr.com/" + photo.server + "/" +
| |
- | photo.id + "_" + photo.secret + "_" + "t.jpg";
| |
- |
| |
- | b_url = "http://farm" + photo.farm +
| |
- | ".static.flickr.com/" + photo.server + "/" +
| |
- | photo.id + "_" + photo.secret + "_" + "z.jpg";
| |
- |
| |
- | p_url = "http://www.flickr.com/photos/" +
| |
- | photo.owner + "/" + photo.id;
| |
- |
| |
- | s += '<a class="lightbox" href="' + b_url + '">' + '<img alt="'+
| |
- | photo.title + '"src="' + t_url + '" style="margin:10px; border:1px solid gray;" />' + '</a>';
| |
- | }
| |
- |
| |
- | document.writeln(s);
| |
- | //this tells the JavaScript to write
| |
- | //everything in variable "s" onto the page
| |
- | }
| |
- | </script>
| |
- | <script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=67897302@N04&api_key=6a09245aa10703cc9bea1df9539a2082&count=5"></script>
| |
- | </div>
| |