Team:Groningen/photos

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
 +
<head>
<script type="text/javascript">
<script type="text/javascript">
  var googleAlbumLink = "https://plus.google.com/photos/100710073991012754583/albums/5901919837634030369";
  var googleAlbumLink = "https://plus.google.com/photos/100710073991012754583/albums/5901919837634030369";
Line 18: Line 19:
<div id="slide"></div>
<div id="slide"></div>
 +
 +
<!-- FACEBOOK ALBUM CODE -->
 +
    <style>
 +
        .album { list-style: none;}
 +
        .album li { float:left; height:150px; margin-bottom:10px; text-align:center;}
 +
        .album a { display:block; width:150px; padding:5px; margin:5px; border: 4px solid #444;}
 +
        .album a:hover { border: 4px solid #44d;}
 +
    </style>
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 +
    <script>
 +
    //fbAlbum Script courtesy of zach@lysobey.com | http://zach.lysobey.com/projects/fbalbum
 +
    (function($){$.fn.fbAlbum=function(f){var g=this;var h={'albumID':10150302289698306,'limit':100,'ulClass':'album','callback':'','title':true};if(f){$.extend(h,f)}var i="https://graph.facebook.com/"+h.albumID+"/photos?limit="+h.limit+"&callback=?";$.getJSON(i,function(a){var b=[];for(var c in a){for(var d in a[c]){val2=a[c][d];if(typeof(val2.source)!="undefined"){var e="";if(h.title&&val2.name){e=val2.name}b.push('<li><a class="imageLink" rel="group" href="'+val2.source+'"><img src="'+val2.picture+'" title="'+e+'"/></a></li>')}}};$('<ul />',{'class':h.ulClass,html:b.join('')}).appendTo(g);if(h.callback){h.callback()}});return this}})(jQuery);
 +
    $(document).ready(function() {
 +
        $('#FBalbum').fbAlbum({
 +
            'albumID':128444677366647
 +
        });
 +
    });
 +
    </script>
 +
  <!-- END FACEBOOK ALBUM CODE -->
 +
 +
 +
</head>
</html>
</html>

Revision as of 12:53, 18 July 2013