« ホワイトタイガー(生後3週間)の動画 | トップページ | みかんで作られたガジェット »

2007/01/29

FlickrのスライドショーをHTMLに埋め込む

ブックマークに追加する
リンク:How to embed a Flickr slideshow in your blog - Download Squad

FlickrのスライドショーをHTMLに埋め込む方法を探していて、リンク先のページを見つけた。

手順は以下の通り。
  1. idGettrで対象の写真のuser_idまたはgroup_idを調べる
    これは、対象となる写真のURLをこのidGettrのフォームに入力すると得られる
  2. iframeタグに必要な項目を記述する
    なお、以下の記述でsrc属性の値には空白や改行を含めてはいけない
    <iframe align="center" src="http://www.flickr.com/slideShow/index.gne?
    user_id=12345678@N00&tags=something"
    frameBorder="0" width="500" height="500" scrolling="no">
    </iframe>
    
  3. さらに細かく制御したい場合にはsrc属性に「&」文字で変数を追加していく
これだけの記述でflickrのスライドショーがページに埋め込まれる。

以下が実際に埋め込んでみたサンプル



なお、この写真は昨年の11月11日に撮影した、「首都圏外郭放水路に行って来た」の時の写真。



■2008年10月18日追記
最近では、Flickrのスライドショーには標準で埋め込み用のタグが用意されていることに気がついた。
今では、上記のような手間をかけなくても簡単に埋め込むことが出来るようになっている。

●お探し物は見つかりましたか?まだの方は以下の検索をご利用下さい。
 
当ブログ内 (within this blog) Web
●当ブログのRSSフィードをお手持ちのRSSリーダーにご登録いただくと、エントリ追加時のみ更新通知が届くため、確認の手間が省けます。よろしければ、どうぞ。
当ブログのRSSフィード
●当ブログの更新情報+α(deliciousのブックマーク他)はTwitter経由でも確認できます。是非フォローしてください。(実はRSSフィードよりも更新が早かったりします)

|

パソコン・インターネット」カテゴリの記事

blog comments powered by Disqus


●Google広告


●その他の広告



トラックバック

この記事のトラックバックURL:

●トラックバックされる方へのご注意
本文中でこのエントリのアドレスを引用してください。引用(言及リンク)がない場合はスパム(迷惑行為)として削除します。
なお、迷惑行為かどうかを人力で判定しているため、トラックバックが反映されるまでに少々、お時間を頂いています。
For foreigners: If you would like to trackback to this entry, please include permlink of this entry in your entry. If your entry doesn't include this permlink, I will delete your trackback as spam.

この記事へのトラックバック一覧です: FlickrのスライドショーをHTMLに埋め込む:

 
Google