<p class="thumb"><img src="http://web-marketing.zako.org/images/2011/05/slidemypics.jpg" alt="HTML5のスライドショーを画像共有サービスのアルバムから作れる「SlideMyPics」" title="slidemypics" width="514" height="204" class="aligncenter size-full wp-image-18085" /></p>
<p>自分が撮りためた画像を、画像共有サイトに投稿し、さらに自分のサイトでも共有するという機会が増えていますよね。</p>
<p>しかし、多くのスライドショーはFlashで作られていることから、iPhoneなどではスライドショーが表示されません。</p>
<p>そこで今回は、iPhoneでも表示可能なHTML5のスライドショーを、画像共有サイトの画像で作れるサービスをご紹介します。</p><!--more-->
<h3 class='header-label'>HTML5のスライドショーを画像共有サービスのアルバムから作れる「SlideMyPics」</h3>
<p>「<a href="http://www.slidemypics.com/" target="_blank">SlideMyPics</a>」は、<strong>HTML5のスライドショーを、FlickrやPicasa、Facebookなどのアルバムから作成できる</strong>サービス。</p>
<p>FlashではなくHTML5なので、iPhoneなどの端末を気にすることなく使えます。</p>

<h4 class='tips'>サンプルスライドショー</h4>
<p>SlideMyPicsでは、３つの埋め込み方法でスライドショーをサイトに表示させることができます。</p>
<h5 class='tips'>ウィジェット</h5>
<iframe width="526" height="352" frameborder="0" src="http://files.slidemypics.com/app/js/iframe.html?bg_color=1f1f1f&amp;hash=5ea72700ee1f989d218e11e337a26708&amp;r=0.05436426936648786"></iframe>
<p>↑スライドショーをその場に埋め込むシンプルなタイプのスライドショー。</p>

<h5 class='tips'>アイコン</h5>
<div id="slidemypics_612944"></div><script type="text/javascript" src="http://files.slidemypics.com/app/js/embedGenerate.js"></script><script type="text/javascript">generate("slidemypics_612944","icon","http://files.slidemypics.com/app/js/iframe.html?bg_color=1f1f1f&amp;hash=5ea72700ee1f989d218e11e337a26708&amp;r=0.21019706409424543","526","352","http://lh3.ggpht.com/_fRSz8mJZTZY/TXMnPXvStnI/AAAAAAAAcNU/vDArvSKknoo/s144/%E3%81%84%E3%82%8D%E3%82%93%E3%81%AA%E3%81%B2%E3%81%A8%E3%81%8C%E3%81%AE%E3%82%93%E3%81%B3%E3%82%8A%E3%81%A8%E3%80%82.jpg","http://files.slidemypics.com/app/js/share_icon.png","View slideshow");</script>
<p>↑Lightbox調に、サムネイルをクリックすると、その場にスライドショーをポップアップ表示します。</p>

<h5 class='tips'>カスタムリンク</h5>
<div id="slidemypics_101170"></div><script type="text/javascript" src="http://files.slidemypics.com/app/js/embedGenerate.js"></script><script type="text/javascript">generate("slidemypics_101170","custom_link","http://files.slidemypics.com/app/js/iframe.html?bg_color=1f1f1f&amp;hash=5ea72700ee1f989d218e11e337a26708&amp;r=0.5387531281448901","526","352","http://lh3.ggpht.com/_fRSz8mJZTZY/TXMnPXvStnI/AAAAAAAAcNU/vDArvSKknoo/s144/%E3%81%84%E3%82%8D%E3%82%93%E3%81%AA%E3%81%B2%E3%81%A8%E3%81%8C%E3%81%AE%E3%82%93%E3%81%B3%E3%82%8A%E3%81%A8%E3%80%82.jpg","http://files.slidemypics.com/app/js/share_icon.png","スライドショーを見る");</script>
<p>↑「アイコン」と同じポップアップスライドショーを自分の好きなリンク文言で設置できるタイプ。</p>

<h4 class='tips'>画像共有サービスのアルバムから画像を追加</h4>
<p><img src="http://web-marketing.zako.org/images/2011/05/slidemypics1.jpg" alt="画像アルバムを選択" title="slidemypics1" width="500" height="474" class="aligncenter size-full wp-image-18086" /><br />↑FlickrやPicasa、Facebookのアルバム単位で画像を追加できます。</p>

<p>ただし、アルバムと同期するわけではないので、アルバムに画像を追加したら、都度スライドショーを再作成する必要があるようです。これは少し残念。</p>

<h4 class='tips'>iPhoneでも表示可能</h4>

<p><img src="http://web-marketing.zako.org/images/2011/05/slidemypics3.jpg" alt="iPhoneでスライドショーを表示" title="slidemypics3" width="500" height="579" class="aligncenter size-full wp-image-18083" /><br />↑HTML5なので、iPhoneでも問題なく表示させることができます。</p>


<h4 class='tips'>そのほか</h4>
<p><img src="http://web-marketing.zako.org/images/2011/05/slidemypics2.jpg" alt="テンプレート" title="slidemypics2" width="500" height="292" class="aligncenter size-full wp-image-18084" /><br />↑シンプルなスライドや、フェード、サムネイルビューからスライドの表示方法を選ぶことができます。</p>

<p><img src="http://web-marketing.zako.org/images/2011/05/slidemypics4.jpg" alt="BGMを選択" title="slidemypics4" width="500" height="479" class="aligncenter size-full wp-image-18082" /><br />↑また、BGMをYouTubeから検索し、スライドショーに合わせて流すことも可能です。</p>

<p><img src="http://web-marketing.zako.org/images/2011/05/slidemypics5.jpg" alt="埋め込みタグ" title="slidemypics5" width="500" height="338" class="aligncenter size-full wp-image-18081" /><br />↑最後に表示形式をウィジェット、ポップアップなどから選択して、埋め込みタグを取得すればOKです。</p>
<p>
興味がある方は<a href="http://www.slidemypics.com/" target="_blank">SlideMyPics</a>へどうぞ。</p>

<p>iPhoneでも表示可能なスライドショーというのはとても魅力的ですね。これで、画像共有サービスのアルバムと、画像を同期することができるようになれば、このうえなく便利なサービスになると言えそうです。</p>