mooFlickr widget

Thanks for visiting mooFlickr. If you wish to display your flickr stats in your blog, on your page etc, you'll need this nifty little widget. It's capable of retrieving your posted images, information about you on flickr, your most used tags and the user groups you are attending.

There are two versions available - one for HTML documents and one for PHP. Although there are only slight differences, it's pretty useful if your sites are not dynamic pages.

Requirements

CURL
First of all your server needs to support the CURL extension. Please refer to your hoster if CURL is enabled on your system.

mySQL / PHP
 if you want to cache your requests via a DB, you'll need to create a new database for the cache. PHP can be both versions, namely 4/5.

mootools framework
To set up and get the script going, you'll need the mootools framework.

If you do not intend to use a DB for caching, you can also define a text based cache.

Download complete package

mooFlickr 1.0

 

Installation general

Download the full package and copy the contents of the rar file to your server.
Put this into the head section of your document

<script language="javascript" type="text/javascript" src="js/mootools.js"></script>

Link to the included CSS file in your head section via:

<link href="css/stylesheet.css" rel="stylesheet" type="text/css" />

Now open getflickr.php and edit following lines:

$flickr = &new flickr("Your_Flickr_API_KEY");
$flickr->enableDBCache("DB_SERVER", "USER", "PASSWORD", "DATABASE_TABLE");



Installation method 1 - static pages:

Go and grab this js code and include it right before your closing body tag

static.js

then include this into your document. Now go to the JS code and locate the parts where it says new Ajax('getFlickr.php?user= and add your user ID to the user= parts. Repeat this for all 4 calls.



Installation method 2 - dynamic pages:

Go and grab this js code and include it right before your closing body tag

dynamic.js

Add this to your document: ( best directly on top )

<?php $user = "your_flickr_userID"; ?>



Adding the box itself

Add the following lines of HTML Code to the place you want the box to appear:

<div id="info"><img src="images/flickr.gif" alt="mooFlickr"/><strong>moo</strong>Flickr - <a href="http://www.artviper.net/mooFlickr" title="artViper designstudio">artViper flickr widget</a></div>
<div id="menu"><a href="#" id="photoset">
user photos</a> | <a href="#" id="userinfo"> user info</a> | <a href="#" id="usertags">user Tags</a> | <a href="#" id="usergroups">user groups</a></div>
<div class="myflickr">
<div id="content_inside"></div>
</div>
</div>

 

DONE

Now you're ready to go and display your flickr stuff on your page.