水曜日, 1月 23, 2008

フリッカーとかYoutubeとかを切り替えて表示

取り敢えず、無料サービスを利用していろいろやっちゃってますので
そのやり方を。

<div id="photo">
<iframe name="slidewindows" frameBorder="0" scrolling="no" width="266px"
height="217px"></iframe>
<div id="photo_menu">
<h3>フォトギャラリー</h3>
<p>みたいギャラリーをクリックしてね。</p>
<ul>
<li><a href="ここにフリッカーやYoutubeのURLを入れる"
target="slidewindows">ほげほげ</a></li>
<li><a href="ここにフリッカーやYoutubeのURLを入れる"
target="slidewindows">ぴよぴよ</a></li>
<li><a href="ここにフリッカーやYoutubeのURLを入れる"
target="slidewindows">ほげげげげ</a></li>
</ul>
</div>

フリッカーなら以下?の後に

http://www.flickr.com/slideShow/index.gne?

&user_id=
&tags=

でつなぐとタグごとに切り替わります。

◇ user_idはログインした際の[Your photos ]の

http://www.flickr.com/photos/ここのこと/

◇ tagsはタグ名
Flickr Uploaderでアップする際のtagsに入れた名前になります。

ただし、日本語名だとIE6でうまくタグ名を認識できない(utf-8)ので
日本語のタグ名をエンコードしてから[tags= ]の後に入れること。


Youtubeの場合は埋め込みタグの中のURLをいれる。

URLの最後に[&rel=0]を入れると、動画再生後に関連動画が表示されません。

あ、target="" でページ内リンクね。

と、こんな感じで。