flickrの写真用のタグを生成するブックマークレット

このブログでもやっているのですが、ブログ記事のはじめの方にとりあえず何でもいいから写真を入れておくとそれだけで記事がなんだかわかりやすくなる、
Gigazine効果というテクニックがあります(ボクが勝手に命名しました)。
大変効果的な手法なのですけど、商用利用可能な写真素材は高いので、flickrの写真を使わせていただくと便利です。

Advanced Searchという機能を使うと、Creative Commons licenseで商用利用可能となっている写真に限定して検索することもできます。
flickr_cc.JPG

この場合、原著作者のクレジット表示をしないといけないので、写真だけを勝手に貼り付けるとまずくて、それなりにフォーマットを整える必要があります。
毎回同じ位置から同じようにテキストを切り出して組み立てるだけの作業は人間よりコンピュータの方が得意なはずなので、クリック一発で組み立てられるようなブックマークレットを作ってみました。

使い方
いつものようにflickrから写真を探してきます。
flickr_1.JPG
ブログに適したサイズの画像のページを開いて。
flickr_2.JPG
ぽちっとブックマークレットを押せば、こういうタグが生成されます。
flickr_3.JPG
あとはこれをブログ記事にコピーペーストすればOKですね。

ブックマークレットはこちら。
flickr写真用タグ

元のソースコードはこんな感じ。

img=window.document.images[3];
url=window.document.links[0].href;
ret='<a href="#{url}"><img src="#{src}" width="#{width}" height="#{height}" alt="photo by #{name}" /></a>'
ret=ret.replace(/#{url}/,url).replace(/#{src}/,img.src).replace(/#{width}/,img.width).replace(/#{height}/,img.height).replace(/#{name}/,url.split('/')[4]);
alert(ret);

chromeとFireFox,IE6で動くことを確認してありますので、最近のブラウザであればたいてい動くんじゃないかと思います。

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です