Badgr 2.0 and Construction Kit released
August 9th, 2006
badgr is a very cool photo badge to display you Flickr photostream on a webpage, it works with all known blogs and is also confirmed to work with MySpace. It uses Flash Player 7 to run and the construction kit uses Flash Player 9, you can upgrade to the latest Flash Player by clicking here...
badgr2.0 and Construction Kit are ready to go now so you can download badgr2.0 to use on your website right click here and download the badgr2.swf (Save link as in FireFox or Save Target As... in Internet Explorer.)
Upload badgr2.swf to your website and install SWF Object (instructions for SWF Object are available on their site) note which folders you copy badgr2.swf and swfobject.js into.
With Flash Player 9 installed you will be able to see the badgr2.0 Construction Kit below, if not upgrade Flash Player on your machine*.
The construction kit will let you tweak many different settings and you can completely customise the photos you display and the way that badgr2.0 looks on your page.
When you are happy with your settings you can click on the generator tab and you will find code to insert badgr2.0 into your page, there are SWF Object and MySpace versions of the code.
If you are using badgr2.0 from your own site make sure the badgr2.swf and swfobject.js have the right path.
You can find the entire development notes of badgr and badgr2.0 by clicking here...
*Sorry to the Linux community, I know Flash Player 9 isn't available for you yet, but it's coming soon, I will be posting a more detailed installation guide as soon as I can, here's a slightly out of date list of the query string vars that badgr uses to help you install it manually.
can you Digg it? 
is it del.icio.us? 
Category: General
Subscribe...
12 Comments Add your own
1. charlie | August 10th, 2006 at 12:21 pm
This is great. But I can’t get it to center! Please help. Thanx.
2. Badgr - Flickr Slideshows&hellip | August 10th, 2006 at 6:58 pm
[...] There’s also a Construction Kit that lets you tweak the background color, frame color, timing and photo limit. It then generates a MySpace code and an SWFObject code – unfortunately, the code didn’t work right away, but removing the extra “d” in “embedd” seemed to do the trick. What’s more, you can set up more advanced options like displaying photos from a certain tag or a user’s favorites. Tech savvy users can also download the new Badgr2.0 and the Construction Kit to install on your own website. [...]
3. Jason Milkins | August 11th, 2006 at 3:02 pm
Bug report :
When using a photoset selection the user id is undefined so when you click through to Flickr the url is mangled. I hope I can fix this without having the user enter the photoset userid too… I would expect I can gather the userid from the Flickr API when I supply the photoset id.
4. Jason Milkins | August 11th, 2006 at 6:40 pm
A couple of improvements have been added to the SWF.
1. picture zooming doesn’t begin until the photo squares have all loaded.
2. Clicking on the squares now works as expected, there is some weird overlapping on the image layers so there is now a click button invisibly placed on top of the frame and photo, this also means that the grid squares are clickable when an image is zoomed. Only the photo itself is a clicakble region, the frame isn’t a click region (so you’ll be clicking one of the grid squares behind it.)
I’m going to be designing the “real” instruction and feature page for badgr over the next few days, so it’ll be a bit more polished, I think we can consider badgr2.0 the final version (all bar any bug fixes)
5. Hunter | August 13th, 2006 at 5:55 am
Hello. What a great program. However, is there anyway to make the image size bigger? I’m reffering to the single image that is displayed, not increasing the size of all the thumbnails.
6. Jason Milkins | August 13th, 2006 at 2:02 pm
The problem with using the larger images available from Flickr is that they are not a standard size.
As you can see, the grid images are the 75×75 flickr images shrunk down to half size… so the scaling / zooming effect would be lost if I were to try and load 2 images for each photo, since the other image formats do not line up.
If anyone manages to come up with a practical solution to this I’ll happily work it into the next version, I’ve spent some time thinking about it and might find a working solution myself.
I haven’t yet.
7. mentalaxis » idFind&hellip | August 16th, 2006 at 12:43 am
[...] I almost forgot to mention that idFindr is also integrated into the badgr2.0 construction kit. can you Digg it? is it del.icio.us? [...]
8. laurent | September 19th, 2006 at 10:26 pm
As u can see here: http://acht-web-log.nl when i click on a picture, i still get the “undefined is no longer active on Flickr” message from flickr, how do i get to supply the userId when I’m using badgr to show a photoset?
9. Chris Stratford | March 24th, 2007 at 5:52 am
I love it!
However clicking the photos doesn’t work, and why can’t it zoom in a bit closer when you have a larger badge?
eg.
I have 8 x 5, and the photos zoom in so its almost twice the size of the tiny thumbnail…
cant we make it so that it loads a larger image and zooms in on that???
Brilliant wokr!
10. Albert | May 13th, 2007 at 10:09 pm
Hey there,
Awesome work! Just wondering if there will be be a fix for the “user id is undefined” bug when linking to a photoset?
Thanks!
11. Technology for Online Mar&hellip | May 23rd, 2007 at 11:26 am
[...] some workarounds created independently which work very well in MySpace. A couple that I tried were Badgr, which creates a Flash plugin for your account, and flashandburn, which outputs a PNG image of your [...]
12. MusHed's Blog&hellip | August 3rd, 2009 at 9:33 am
[...] you feel the code above too complicate to handle, I found that Mentalaxis provide the Badgr 2.0 and Construction Kit. This is the easy way to make your own Flickr [...]
Leave a Comment
You must be logged in to post a comment .
Trackback this post | Subscribe to the comments via RSS Feed