<img alt="Flickrをクールにプレビューする「Picsviewr」" src="http://web-marketing.zako.org/images/picsviewr-m.jpg" width="250" height="239" />
<p>昨年クールな画像ビューワーとしてちょっと話題になった<a class="web-site-link" href="http://www.airtightinteractive.com/projects/tiltviewer/app/" onclick="window.open('http://www.airtightinteractive.com/projects/tiltviewer/app/'); return false;">TiltViewer</a>。覚えてらっしゃる方もいらっしゃるでしょう。私はちょっと前にHand in Hand 0103のmkkjさんに教えていただきました。そのサービス＋αをFlickrと合わせておいしくいただけるのが「Picsviewr」です。</p>

<!--more-->
<h3 class="header-label">クールなFlickrビューワー「Picsviewr」</h3>
<p>「TiltViewer」の惜しい点が、ちょっと面倒なところ、しかし「Picsviewr」ならば、Flickr限定ではあるものの、Flickrアカウントさえ入力してしまえばいろいろ楽しめるのが嬉しい。その7つのバリエーションを以下にご紹介。</p>
<h4 class="header-label">1. Tiltviewer</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/tiltviewer" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">2. Polaroid gallery</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/polaroid/sd" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">3. dfGallery</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/dfgallery" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">4. Flashapi</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/flashapi" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">5. Slide film gallery</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/slide/sd/lightview" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">6. Grey gallery</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/grey/sd/lightview" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">7. Black gallery</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/dark/sd/lightview" scrolling="no" frameborder="0"></iframe>
<br />
<h4 class="header-label">8. Pictobrowser</h4>
<iframe width="100%" height="400" src="http://www.picsviewr.com/photos/26047770@N07/pictobrowser/sd" scrolling="no" frameborder="0"></iframe>
<p>↑なぜだかひとつ表示できないのがあって残念。。。</p>

<p>興味のある方は早速<a class="web-site-link" href="http://www.picsviewr.com/" onclick="window.open('http://www.picsviewr.com/'); return false;">Picsviewr</a>へどうぞ。</p>

<h4 class="header-label">Picsviewrスタートアップガイド</h4>
<ol>
<li><a class="web-site-link" href="http://www.picsviewr.com/" onclick="window.open('http://www.picsviewr.com/'); return false;">Picsviewr</a>を開きます</li>
<li>↓の「username」の部分を、表示させたいFlikrアカウントの<strong>URL</strong>に変更し、「Go」ボタンを押します（※アカウントIDではなく、アカウントの画像一覧ページURLの最後の部分です）<br />
<img alt="picsviewr-1.jpg" src="http://web-marketing.zako.org/images/picsviewr-1.jpg" width="400" height="391" /></li>
<li>画質の選択をします<br />
<img alt="picsviewr-2.jpg" src="http://web-marketing.zako.org/images/picsviewr-2.jpg" width="400" height="89" /></li>
<li>あとは好きなのを選ぶだけ、「Direct URL」と書いてあるのがそのページのURLになってます<br />
<img alt="picsviewr-3.jpg" src="http://web-marketing.zako.org/images/picsviewr-3.jpg" width="400" height="462" /></li>
</ol>

<p>ちなみに私がこのサイトに埋め込んだタグのサンプルは下記の通りです。</p>
<code>&lt;iframe width=&quot;100%&quot; height=&quot;400&quot; src=&quot;http://www.picsviewr.com/photos/26047770@N07/tiltviewer&quot; scrolling=&quot;no&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;</code>
<p>シンプル且つハイクオリティって素晴らしいですよね。こんなお手軽サービスがもっともっとWEBに蔓延することを強く願うばかりです。</p>
<p>Via：<a class="web-site-link" href="http://www.killerstartups.com/Video-Music-Photo/picsviewr-com-presentations-for-your-flickr-photos/" onclick="window.open('http://www.killerstartups.com/Video-Music-Photo/picsviewr-com-presentations-for-your-flickr-photos/'); return false;">KillerStartups.com</a></p>

<div class="a-wrap pkg"><div class="a-left-box"><a href="http://www.amazon.co.jp/%E3%81%B2%E3%81%A8%E3%82%8A%E3%81%A7%E3%82%82%E9%83%A8%E4%B8%8B%E3%81%AE%E3%81%84%E3%82%8B%E4%BA%BA%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E4%B8%96%E7%95%8C%E4%B8%80%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E8%A1%93-3%E5%88%86%E9%96%93%E3%82%B3%E3%83%BC%E3%83%81-%E4%BC%8A%E8%97%A4-%E5%AE%88/dp/4887596251%3FSubscriptionId%3D028QVM5GAF1MWA4NBMR2%26tag%3Dsnowboadteamz-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4887596251" target="_blank"><img class="a-img" src="http://ecx.images-amazon.com/images/I/41wKj77%2BpvL._SL160_.jpg" alt="ひとりでも部下のいる人のための世界一シンプルなマネジメント術 3分間コーチ" /></a></div><div class="a-right-box"><div class="a-top-inner"><form class="a-cart-form" method="post" action="http://www.amazon.co.jp/gp/aws/cart/add.html" target="_blank"><input type="hidden" name="AssociateTag" value="snowboadteamz-22" /><input type="hidden" name="SubscriptionId" value="028QVM5GAF1MWA4NBMR2" /><input type="hidden" name="ASIN.1" value="4887596251" /><input type="hidden" name="Quantity.1" value="1" /><input type="image" name="submit.add-to-cart" src="http://rcm-images.amazon.com/images/G/09/extranet/associates/buttons/remote-buy-jp5.gif" /></form></div>
<dl><dt>ひとりでも部下のいる人のための世界一シンプルなマネジメント術 3分間コーチ</dt><dd>価格：<span class="a-price-text">￥ 1,575</span></dd><dd>平均評価：4.5</dd><dd>シンプルつながり</dd><dd>納期：通常24時間以内に発送</dd><dd><a href="http://www.amazon.co.jp/%E3%81%B2%E3%81%A8%E3%82%8A%E3%81%A7%E3%82%82%E9%83%A8%E4%B8%8B%E3%81%AE%E3%81%84%E3%82%8B%E4%BA%BA%E3%81%AE%E3%81%9F%E3%82%81%E3%81%AE%E4%B8%96%E7%95%8C%E4%B8%80%E3%82%B7%E3%83%B3%E3%83%97%E3%83%AB%E3%81%AA%E3%83%9E%E3%83%8D%E3%82%B8%E3%83%A1%E3%83%B3%E3%83%88%E8%A1%93-3%E5%88%86%E9%96%93%E3%82%B3%E3%83%BC%E3%83%81-%E4%BC%8A%E8%97%A4-%E5%AE%88/dp/4887596251%3FSubscriptionId%3D028QVM5GAF1MWA4NBMR2%26tag%3Dsnowboadteamz-22%26linkCode%3Dxm2%26camp%3D2025%26creative%3D165953%26creativeASIN%3D4887596251" target="_blank"><br />Amazon で詳細を見る</a> by <a href="http://astore.amazon.co.jp/snowboadteamz-22" title="WEB担当者専門書店" target="_blank">WEB担当者専門書店</a></dd></dl>
</div></div>