Flickr badge code issues

September 15, 2008 at 7:48 pm

I've been using a Flickr badge on my site for quite some time now to display four thumbnails from my Flickr photostream. However, all of a sudden, without any warning it started to misbehave and I found the badge displaying five thumbnails with the first being an unclickable blank white image.

I was scratching my head for quite sometime about this problem. I hadn't changed the code on my page so something was definitely amiss. But surely Flickr wouldn't change the baseline code without at least informing people, right? Well, apparently, yes they would!

Upon running the script it appeared Flickr had suddenly embedded a nasty 1x1 spacer gif to the code (check it out - http://geo.yahoo.com/p?s=79260010). Because I use custom CSS styling for the width, height and styling of my thumbnails this spacer gif was being resized to the same dimensions as my thumbnail images - hence the fifth blank white image.

This definitely meant that the Flickr badge script had been updated by the Flickr developers; some new feature they are working on to be added at a later date more than likely. However, it is very surprising they have added it without any warning or thought to the implications it may have on their user's websites. What probably should have happened was that Flickr released an update to the badge that people could migrate to. Hindsight is a wonderful thing.

So, to the fix

However, I have managed to implement a patch of sorts. The fix is pretty simple and works with the latest browsers. I simply added the following code to my stylesheet to hide the offending 'geo' spacer image:

#flickr img[src*="http://geo.yahoo.com"] { display:none }

I'm not sure about how far back the legacy browsers support this method - IE 6 in particular - but the beauty is that I just needed to add one line of code that doesn't really infringe on my CSS. It is more than likely Flickr will make another change to fix this oversight in the near future - when this happens all I have to do is remove this line from my CSS file.

Filed under:
Code,
Data
Comments (7)

Shane wrote:

flickr using a spacer.gif?  Can’t believe it!

That’s not me doubting what you’re saying, it’s me saying I can’t believe the use of spacer.gif by such a company in this day and age!

Thanks for the heads-up.

Martin Crockett wrote:

I just noticed this also.

It appears to be a tracking GIF; mine is styled: <span style="position: absolute; left: -999em; top: -999em; visibility: hidden;” class="flickr_badge_beacon">

bwifojab wrote:

naccblnp mushzrvi ishcdcpn http://cxgbswnw.com maokwlhq hbljcxrv

Jamese wrote:

How are you. I really liked your website. Thank you very much. Its a great website. very interesting and informative. Help me! Need information about: gateway drug treatment center. I found only this - gambling addiction treatment. Alcohol and drug abuse authority as an addiction treatment facility. Top day residential inpatient drug rehabs alcohol addiction drug treatment centers - residential substance abuse treatment programs. Thanks :eek:. Jamese from Morocco.

70-443 wrote:

BCP-410 Wow, nice and innovative.. Good work.. I got the idea because I have same problem with my gadget on my blog, thank you so much for this information! 1D0-541

patt wrote:

I still wonder if it is possible to learn working with photoshop on my own. I am actually one of such enthusiasts, have read several ebooks already (e.g. http://www.ebook-search-queen.com/ebook/phot/photoshop+basics.all.html ) but still lag behind… Perhaps, I miss something important… Need your help!

Baris wrote:

Badly need your help. The scornful nostril and the high head gather not the odors that lie on the track of truth. Help me! Please help find sites for: Buy cialis online viagra. I found only this - what does Cialis look like. Best price on tadalafil - short tests periods have suspended protection because. Generic cialis tadalafil tadalafil generic cialis viagra levitra online offshore pharmacy india uk. With best wishes grin, Baris from Botswana.

Add a comment

Be assured that your email address will not appear on the site.

* denotes a required field

recent blog articles

Data design: The genius of Jon Snow
March 23, 2009
Context is king on mobile devices
February 12, 2009
The value of sketching
December 04, 2008
The importance of design metrics
December 03, 2008

categories


archives


search the site