|
|
| (2 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">
| |
| - | Photogallery
| |
| - | </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></html>
| |
| - |
| |
| - |
| |
| - | {{:Team:Northwestern/Templates/footer}}
| |
"
