More flickr embedding, this time using the flickr badge

Jul 29, 2005

So actually the flickr badge code is pretty flexible. More than I realized before. I think It's better than the flash thing I tried before . Here I will embed 10 random pictures from my trip to barcelona.

You can click on them and go to the flickr page for the photo.

And here's the code.

And here's some more information about those options. You embed the options as URL query parameters.

count=8 // or any other number

size={s,t,m} // square, thumbnail, mid-size

layout={v,h,x} // vertical, horizontal, none

user={#} // e.g. 20938094%40N00 for me

source={user_tag, user_set} // maybe other options

If you set source to user_tag then you need to specify

tag=barcelona // or some other tag

If you set source to user_set then you need to give

set={#} // e.g. 261728 for my barcelona set

For the CSS portion, they give you all kinds of extraneous CSS when you use the badge generator that you don't need. Just set whatever you want for div.flickr_badge_image at a minimum.