新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

Flickr(フリッカー)でALBUMS(アルバム)のスライドショーの埋込みソースを入手する方法

   

  • このエントリーをはてなブックマークに追加

写真共有サイトのFlickr(フリッカー)も日々リニューアルし続け、どんどん見やすく使いやすいインターフェースに変わってきています。
ちょっと前までは写真をカテゴリーごとにひとまとめにしたものを「set」と呼んでいましたが、リニューアルして「Album」に変わりました。
なお、さらに大きい括りで「Collection」というのもあります。
それぞれの違いについては「Album」が「Set」と呼ばれていた時に書いた以下の記事を参考にして下さい。
□ Flickr(フリッカー)の「Set」と「Collections」の違い – ちほちゅう 

そんなこんなで作ったスライドショー。

スポンサーリンク
 

さて、リニューアル後に「Album」のスライドショーを作るのはちょっとしたコツがいりました。
その件に関してはこちらで一度記事にしています。
□ リニューアル後のFlickr(フリッカー)でsetのスライドショーを埋め込む方法【その1】 – ちほちゅう 
当時はまた「Set」だったようですが、同様の手順で埋め込みソースを入手することは可能です。
なお、「その2:外部サイトにソースを作って貰う方法。」に関して記事にしていなかったようです。
ここで、お詫びさせていただき、もし、機会があったらあらためて記事にしようと思います。

ただ、それ以上にもっと簡単にスライドショーを埋め込むソースが入手できることに気づきました。
一言で説明すると、スライドショーを見るためのリンクをクリックする際、「別タブで開く」にすればいいだけです。 

以下、詳しく手順を解説していきます。

  1. まずは、Flickrにアクセスし、ログインします。
    □ Welcome to Flickr – Photo Sharing
  2. 「You」→「Albums」→「該当のアルバム」をクリックしていきます。
    スライドショー埋め込みソース01
  3. スライドショーを表示してくれるリンクのところで右クリックして「新しいタブで開く」を選択します。(Google Chromeの場合) 
    スライドショー埋め込みソース02
  4. そうすると、「Share」をクリックでソースを入手することができます。埋め込みソースは「Grab the embed HTML」の方です。
    スライドショー埋め込みソース03
  5. ちなみに、右クリックで別タブで開かず、直接リンクをクリックするとこんな感じに全画面でスライドショーが始まってしまいます。
    スライドショー埋め込みソース04
以上、つまり、アドレスバーに「/show/」を追加しなくても、右クリックで別タブで開けば簡単にソースを入手できたというわけです。

なお、以前はタグのページからもスライドショーを作れたのですが、このやり方ではタグのページからはスライドショーは作れません。
こちらに関してはちょっと工夫が必要なようなので、「その2」の手順も踏まえてまた記事にしようと思います。

 - 告知・紹介・ニュース, 覚え書き

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

#1009: null のオブジェクト参照のプロパティまたはメソッドにアクセスすることはできません。

Flashで久しぶりにActionScriptなぞを勉強しています。というのは、 …

GoogleChromeで一旦消してしまったブックマークバーを再び表示させる方法

うーむ。消すは易し、戻すは難し。 こういうことって多いですよね。 Go …

「核廃絶へ」12時間遅れで黙祷。。

今日は広島に核爆弾が投下された日です。 1945年の今日8月6日8時15分、広島 …

no image
「テレビが無い」より「親(家族)が払ってる」のほうがNHK受信料契約は解約しやすい

こんな簡単なことだったら最初からそうしておけばよかったよ。 以前、こんな記事を書 …

OpenOffice Impressのスライドウインドウを元の位置に戻す方法

最近は、DreamWeaverやFlashなんかよりもPowerPointを使う …

投稿、固定ページ等、記事が複製できるプラグイン「Duplicate Post」【WordPress】

概ね「livedoor Blog」から「WordPress」への移転には満足して …

他サービスとの連携を止める方法 【foursquare編】

[ 手順が変わっています。こちらを参照にして下さい ]&nb …

ザ・マジカルナイト~シンデレラとアリスとアラジンのアナザーストーリー

久しぶりにブログスカウトからのお仕事依頼。 今回は「ザ・マジカルナイト シンデレ …

え?docomo(ドコモ)が「iPhone 5」発売?予約はお早めに!

ついにdocomo(ドコモ)が「iPhone 5」を発売するそうです。 大人気の …

いつの間にか佐川急便がAmazonとの取引を中止していた

以前、「佐川急便」と「ヤマト運輸」、どっちがいい?なんて記事をネタにしたことがあ …