Badgr 2.0 Form – Development Badgr 2.0 construction kit preview

Badgr 2.0 beta

August 2nd, 2006

PLEASE NOTE: Visit the badgr project page for more info.

Here's a quick heads up for the new badgr release

I'm not posting much in the way of instructions, since I'm not going to support this until I've got the form made, but as you can see the form is a little complex, so if you're desperate to get it while it's hot you can grab the badgr2.swf now...

Right click and save badgr2.swf

There are now a lot more parameters you can throw at bagdr 2.0 so let's have a little look at them, if you know how to build a URL query string then you're ok, if you haven't the foggiest idea what I'm talking about, sorry, you'll have to wait for the nice easy install form...

Badgr 2.0 parameters

These are entered into the embed / SWFobject code after badgr2.swf? and separate each one with an &character.

  • badgrmode= one of the following numbers (default is badgrmode=1)
    1. user
    2. user set
    3. user favourites
    4. user tag search
    5. group
    6. all tag search
  • userid= which is either the userid, groupid or setid depending on the badgrmode you want.
  • tags= followed by the tags you want to search for (comma separated.) If you're searching for multi word tags such as "Blue Skies" (or whatever) write them in your list as blueskies as Flickr treats them as the same tag. Tags are ignored unless you are using badgrmode= 4 or 6.
  • limit= The maximum number of photos to return from your set, default is rows x columns.
  • waittime= time in seconds to wait between displaying a zoomed in photo square.
  • displaytime= time in seconds to wait when a photo square is zoomed up.
  • rows= Number of rows of small photo squares (I recommend you have 2 or more) The display height of the swf will be 38 * rows. (default = 5)
  • columns= Number of columns of small photo squares (I recommend you have 2 or more) The display width of the swf will be 38 * columns. (default = 5)
  • framescaling= This is a string of 4 numbers separated by commas, the default is 1.05,1.0,1.08,1.04 ... They are the scaling factors of the frame, here's a quick description of what they do in order.. (a, b, c, d)
    • The total canvas size / a
    • (The total canvas size / a) / b
    • 75px square * c
    • c / d
    These settings create the default frame for badgr.
  • framecolors= Similar to the scaling factors but much simpler this is a set of 5 hex colors separated by commas which are the frames colors... default... #FFFFFF,#000000,#000000,#AAAAAA,#000000
  • framealphas= The corresponding alpha / transparency values for each of the 5 frame colors. the 5 values are in the following order
    • Main canvas frame (stretches to the limits of the badgr 2.0 canvas)
    • Frame outline
    • Main frame
    • Photo outer border
    • Photo inner border
  • rolling= Indicates whether all the images in the returned photo selection be displayed or just the random 25 picked at the start. Set to yes or no (default is no.)

Examples

badgr2.swf?badgrmode=1&userid=75556562@N00&limit=all&timing=8&rows=15&columns=4&framealphas=0,0,0,100,100&rolling=1&framescaling=1.05,1.0,1.5,1.04&framecolors=#FFFFFF,#FFFFFF,#FFFFFF,#000000,#FFFFFF

The swf dimensions are 152 wide x 570 high (4*38 x 15*38)

These settings show all of my photos in a 4x15 grid in rolling mode, using a customised picture frame and 8 seconds wait timing.


badgr2.swf?badgrmode=2&userid=72057594117941491&limit=all&rolling=1

Standard 5x5 grid (190x190px)

Show all the photo's from set http://www.flickr.com/photos/bpx/sets/72057594117941491 - Russian and/or Soviet propaganda & advert posters [1917-1991] in rolling mode.


badgr2.swf?badgrmode=3&userid=75556562@N00&limit=all&rolling=1

Standard 5x5 grid (190x190px)

Show my favourite photos in rolling mode.


badgr2.swf?badgrmode=4&userid=75556562@N00&limit=all&rolling=1&tags=sky&folliage

Standard 5x5 grid (190x190px)

Show my photos tagged with sky or folliage in rolling mode.


badgr2.swf?badgrmode=5&userid=35468136003@N01&limit=all&rolling=1

Standard 5x5 grid (190x190px)

Show all photos from the Holgagraphy flickr group in rolling mode.


badgr2.swf?badgrmode=6&limit=200&rolling=1&tags=brick

Standard 5x5 grid (190x190px)

Show all photos tagged with brick in rolling mode.

can you Digg it? can you Digg it? is it del.icio.us? is it del.icio.us?

Category: General

11 Comments Add your own

  • 1. Jason Milkins  |  August 2nd, 2006 at 8:22 pm

    Looking at the large 15×4 display I’m thinking about having multiple photos pop out at once… that might be horribly cheesy though. – I’ll give it some thought.

  • 2. Jason Milkins  |  August 3rd, 2006 at 12:06 am

    Ill need to add some extra parameters to help the tag search work better, at the moment the tag search will return photos matching ANY tag supplied, theres an option in the Flickr API that lets you choose to match ANY tag or ALL tags, plus you can limit to dates uploaded and dates taken. These will be new parameters before the real release of badgr 2.0.

    tagmatch=any or tagmatch=all

    daterange=date1,date2 (format dd-mm-yyyy)

    datetype=uploaded or datetype=taken

    these parameters are to be added to badgr 2.0 and will be added to the code generator form too.

    If you would like to help test badgr 2.0 please let me know here.

  • 3. Kai  |  August 3rd, 2006 at 11:43 am

    The beta works fine. It was a bit difficult for me to figure out how the frame scaling ratios change the appearance but attaching weird colors to the frames helps alot ;). I wonder if it is possible to display a bigger photo square in the center of the canvas – it is a 2×2 matrix of 0,38 now I suppose?! A 3×3 matrix for the zoomed photo would be nice, because I use a 5×5 matrix overall so there’s a lot of space left to fill.

  • 4. Kai  |  August 3rd, 2006 at 12:51 pm

    Uh…, I should have read the comments on this page: http://mentalaxis.com/words/badgr (about the maximum sizes of the photos). Everything is clear now.

  • 5. Jason Milkins  |  August 3rd, 2006 at 12:59 pm

    Hi Kai, do you have it working online somewhere?

  • 6. Kai  |  August 3rd, 2006 at 3:02 pm

    Yes, it’s in our team blog. I took the same setup like you – so don’t expect something (more) fancy. It just proved out to be the best setup for white background. IMHO

  • 7. Jason Milkins  |  August 3rd, 2006 at 5:00 pm

    Cool, just a quick tip, if you put bgcolor=”… color hex…” into the embed tag you can change the background color.

  • 8. Jason Milkins  |  August 3rd, 2006 at 6:06 pm

    the size of width | height are columns * 38 | rows * 38

    So 5 columns x 5 rows = 190px wide x 190px high

  • 9. Alex  |  August 7th, 2006 at 4:17 pm

    Hi there,

    I’m getting it to work fine up until I try and display a set, then it just shows a white box.

    Also, I think another nice feature to add would be the ability to remove the black background that appears when the photo zooms in.

    Well done for all the hard work!!

  • 10. Alex  |  August 8th, 2006 at 12:30 pm

    I take it back! Got it all working – is great!

    The only (very small) change/option I would like is to have it so that all thumbnails are at 100% to start with (like the flickr badge)

    Great work!!

  • 11. mentalaxis » Badgr &hellip  |  August 9th, 2006 at 6:28 pm

    [...] Badgr 2.0 beta [...]

Leave a Comment

You must be logged in to post a comment .

Trackback this post  |  Subscribe to the comments via RSS Feed

Clicky Web Analytics