Flickrのバッヂ

2009年2月4日 著

少し前から、当覚え書きトップページに貼り付けてあったFlickrバッヂ（自分がFlickrに撮り貯めた写真で最近のものからFlashで表示してくれる、一種のBlogパーツ）が機能しなくなりました。ひょっとして仕様変更でもあったのかな、それならそうと（単に利用不可というメッセージでなしに）その旨を表記してくれても良いものだけど……と思いつつ、本家Flickrのサイトでバッヂ表示用ソースを再度取得してみたところ、以前の印象とがらりと変わっていて驚きました。style要素、script要素に続いてマークアップが記されていますが、これって明らかに以前のソースと変わってしまっているような。ソース中にあるbr要素の記法をみるにつけ、XHTMLではなくHTMLを前提としているようだけど、人によってはこれを丸ごとbody要素内にコピペするだろうなって思うと微妙に不安（All you need to do is copy and paste this chunk of code into your website where you'd like your badge to appear.としか書かれていないし）。取り急ぎ、当覚え書きトップページからは（状況が明確になるまで）バッヂを削除しました。

<!-- Start of Flickr Badge -->
<style type="text/css">
.zg_div {margin:0px 5px 5px 0px; width:117px;}
.zg_div_inner {border: solid 1px #000000; background-color:#ffffff;  color:#666666; text-align:center; font-family:arial, helvetica; font-size:11px;}
.zg_div a, .zg_div a:hover, .zg_div a:visited {color:#3993ff; background:inherit !important; text-decoration:none !important;}
</style>
<script type="text/javascript">
zg_insert_badge = function() {
var zg_bg_color = 'ffffff';
var zgi_url = 'http://www.flickr.com/apps/badge/badge_iframe.gne?zg_bg_color='+zg_bg_color+'&zg_person_id=66187445%40N00';
document.write('<iframe style="background-color:#'+zg_bg_color+'; border-color:#'+zg_bg_color+'; border:none;" width="113" height="151" frameborder="0" scrolling="no" src="'+zgi_url+'" title="Flickr Badge"><\/iframe>');
if (document.getElementById) document.write('<div id="zg_whatlink"><a href="http://www.flickr.com/badge.gne"
style="color:#3993ff;" onclick="zg_toggleWhat(); return false;">What is this?<\/a><\/div>');
}
zg_toggleWhat = function() {
document.getElementById('zg_whatdiv').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
document.getElementById('zg_whatlink').style.display = (document.getElementById('zg_whatdiv').style.display != 'none') ? 'none' : 'block';
return false;
}
</script>
<div class="zg_div"><div class="zg_div_inner"><a href="http://www.flickr.com">www.<strong style="color:#3993ff">flick<span style="color:#ff1c92">r</span></strong>.com</a><br>
<script type="text/javascript">zg_insert_badge();</script>
<div id="zg_whatdiv">This is a Flickr badge showing public photos and videos from <a href="http://www.flickr.com/photos/66187445@N00">kazuhito</a>. Make your own badge <a href="http://www.flickr.com/badge.gne">here</a>.</div>
<script type="text/javascript">if (document.getElementById) document.getElementById('zg_whatdiv').style.display = 'none';</script>
</div>
</div>
<!-- End of Flickr Badge -->