<span class="mt-enclosure mt-enclosure-image" /><img alt="動きが超クールなFlickr画像ブログパーツflickrin" src="http://web-marketing.zako.org/images/flickrin-flickr-blogparts.png" width="514" height="204" style="" /></span>

<p>これはかなりカッコいい。 Flickrのブログパーツなんて世の中にたくさんありますが、ここまでクールで実用的なものは初めてな気がします。</p>

<!--more-->
<h3 class="header-label">超クールなエフェクトのFlickrブログパーツ「flickrin」</h3>
<p>FlickrInは、ログイン不要でアカウントやタグから画像を絞り込み、表示する画像の量を指定するだけで、HTML又はJavascriptの埋め込みタグを発行してくれるシンプルなサービスです。</p>

<p>しかし、その画像表示の効果がかなり良い。 マウスオーバーでスコープされ、画像タイトルも下に表示される。 ただクールなだけでなく、なかなか実用的なのではないでしょうか。</p>
<h4 class="header-label">自分のアカウントのみを表示</h4>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="450" height="375" id="flickrin" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.flickrin.com/flickrin.swf?tags=webmarketingzako&cant=25&tipo=user" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.flickrin.com/flickrin.swf?tags=webmarketingzako&cant=25&tipo=user" quality="high" bgcolor="#ffffff" width="450" height="375" name="fla" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
<p>これはアカウントで絞り込んで表示させたもの。 このブログパーツでは「アカウント名」で表示させることが出来ます。（※URLに表示されるアカウントではありません。）</p>


<h4 class="header-label">タグで絞り込んで表示</h4>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="450" height="375" id="flickrin" align="middle"><param name="allowScriptAccess" value="sameDomain" /><param name="movie" value="http://www.flickrin.com/flickrin.swf?tags=wallpaper&cant=25&tipo=tags" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed src="http://www.flickrin.com/flickrin.swf?tags=wallpaper&cant=25&tipo=tags" quality="high" bgcolor="#ffffff" width="450" height="375" name="fla" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /></object>
<p>こちらは「壁紙」で絞り込んで表示させたものです。なかなかカッコいいですよね。</p>

<h4 class="header-label">javascriptバージョン</h4>
<script type="text/javascript" src="http://www.flickrin.com/flickrin.js.php?cant=5&tags=classic,car&tipo=tags">
</script>
<p>そしてこちらは、タグ「クラシックカー」をjavascriptタグで埋め込んだものです。 どうやらJavascriptバージョンは、一部を書き換えるだけで表示内容を変更できるようです。</p>
<code>&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.flickrin.com/flickrin.js.php?cant=5&amp;tags=ココにタグを入れる&amp;tipo=tags&quot;&gt;
&lt;/script&gt;</code>
<p>↓これが上記Javascriptの tags= の部分を「ferrari」に変更したもの。</p>
<script type="text/javascript" src="http://www.flickrin.com/flickrin.js.php?cant=5&tags=ferrari&tipo=tags">
</script>

<p>興味のある方はFlickrInへどうぞ。</p>

<p>実はこういうエフェクトのFlickr画像一覧をjQueryで実現しようとしていたところにこんな良いものを見つけてしまった私ｗ 早速使い倒します。</p>

<p>Via:<a class="web-site-link" href="http://delicious.com/url/ea726ec9280dc193ed6fc668807665a9" onclick="window.open('http://delicious.com/url/ea726ec9280dc193ed6fc668807665a9'); return false;">Delicious</a></p>