Log in
Search

Adding a flickr feed to your wikispace

Live example with code here: http://widgeds.wikispaces.com/Flickr+Feed

In wikispaces, edit a page. Click on "Widget", then select "Other Widget". In the editing window, paste the code below and replace the value under  'id: '62938898@N00' with the one of your own photostream.

<script src="http://widgeds.wikispaces.com/file/view/jflickrfeed.min.js" type="text/javascript">
</script>
<ul id="basicuse" class="thumbs">
<li>x</li>
</ul>
<script language="JavaScript" type="text/javascript">
//<![CDATA[
 
      jQuery(document).ready(function(){
 
      jQuery('head').append('<link rel="stylesheet" href="http://widgeds.wikispaces.com/file/view/style.css" type="text/css" />');
     // wikispaces only accepts ul lists with list elements inside. We had to add one and now delete it before we start.
        jQuery('#basicuse').html("");
        jQuery('#basicuse').jflickrfeed({
                limit: 14,
                qstrings: {
                        id: '62938898@N00'
                },
                itemTemplate: '<li><a href="{{image_b}}"><img src="{{image_s}}" alt="{{title}}" /><\/a><\/li>'
        });
 
      });
//]]>
</script>