2007年から2013年までの期間、およそ10,000件のデザインの記事をアップしたブログのアーカイブ。現在はhttp://designwork-s.netで更新中。
2007年06月20日

Flickrの写真をスライドショーにしてブログに貼る方法

先ほどお伝えした「屋外広告が消えた街-ブラジル、サンパウロ」の中でFlickr上の写真をスライドショーで埋め込みましたが、実はその記事をあげるまで、Flickr上の写真をスライドショーで埋め込む方法を知りませんでした…。調べてみると色々な方法があったので、いくつか紹介したいと思います。

flickerslide.jpg


スライドショーのインターフェイスはデザイン的にも洗練された感じなので、ブログに限らず様々なところで使えそうです。

詳しくは以下

■flickrSLiDR - Embed Flickr Slideshows within Your Site

flickerslide2.jpg

上記の写真にあるスライドショーはこちらの「flickrSLiDR」を用いて生成したものです。使い方は簡単で、設定をすませ「I can has slideshows」をクリックすれば、貼付け用のタグを生成してくれます。



Created with Paul's flickrSLiDR.
flickrSLiDRでのスライドショー



■slideflickr.com

flickerslide3.jpg

コチラは設定等は無く、作成したいプールやセットのURLを入力してGenerateを押すだけです。ディフォルトのサイズは500×500pxとなっていて、変更したい場合は生成されてきたタグをいじれば様々な設定が可能です。



slideflickr.comでのスライドショー



■Splashr

flickerslide4.jpg

コチラはブログに貼ることは出来ませんが、様々な形でFlickrからスライドショーを生成してくれます。タグやユーザーID、セットIDから生成が可能です。

スライドショーサンプル

この他にも自分でタグを書いて埋め込む方法等も有りましたが、当方では上手くいかなかったため割愛させていただきました。Flickr+スライドショーで利用はさらに広がりそうです。Flickrってなに?Flickr使ってみたいと言う方は「Yahoo!Flickrの始め方」をどうぞ。

関連記事
YouTubeJapanスタート、YouTube多言語に対応!
言葉を絵文字に変換してくれる&方言に直してくれるサイト
被リンク先のページランクが一覧でわかる「smartpagerank」
ブクマ×Twitter「Bktter(ぶくったー)」
twitter×バーチャルペットペット「necoったー」
プラカードであなたを応援してくれる「1024人応援団!」
エコなシムシティ!環境を考えながら開発すシュミレーションゲーム「ElectroCity」


posted by admin at 17:55 | Comment(2) | TrackBack(1) | Web
この記事へのコメント
大変参考になりました!
ありがとうございます。
flickrSLiDRはどうやってループさせればいいか
わからんかったので slideflickr.comにしてみました。
Posted by Rot at 2007年06月23日 21:57
Rotさん>
お役に立てて何よりです。管理人自身もわからなかった事なので、今回取り上げてみました。flickrSLiDRのループの仕方もまた時間が空いた時に調べて追記しておきますね。
Posted by 管理人 at 2007年06月25日 22:53
コメントを書く
お名前: [必須入力]

メールアドレス: [必須入力]

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバック

6/20の気になった記事
Excerpt: ■「3D映像に「触れる」感覚の新技術開発」(アルファルファモザイク) └"未来"が近づいている。 ■Flickrの写真をスライドショーにしてブログに貼る方法(DesignWorks) └「slide..
Weblog: エニシングゴーズ
Tracked: 2007-06-21 11:12


×

この広告は180日以上新しい記事の投稿がないブログに表示されております。