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

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

*

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

   

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

1年以上前の記事です。内容が古い可能性があります。

写真共有サイトの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

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

  関連記事

内包されたDIVにmarginを設定すると親要素にも同じマージンが設定されることがある【CSS】

1年以上前の記事です。内容が古い可能性があります。これはわからんわ。 生徒さんの …

Flickr(フリッカー)のメール投稿機能が動かなくなったらひたすら待つべし

1年以上前の記事です。内容が古い可能性があります。二度あることは三度あるのジンク …

真実は小説より奇なり。ノンフィクション「凶悪-ある死刑囚の告発」に本当の人間の怖さを見た

1年以上前の記事です。内容が古い可能性があります。北関東三部作と銘打った「SRサ …

no image
地図を大判で印刷したいらしい

1年以上前の記事です。内容が古い可能性があります。したいらしいシリーズがまた来ま …

アイキャッチ画像のない記事にまとめてアイキャッチ画像が入れられる「Auto Post Thumbnail」【WordPressプラグイン】

1年以上前の記事です。内容が古い可能性があります。今回もブログ移転に関する記事で …

熊谷市も詳しい。首都圏の古い町並み探検ブログ「猫屋横丁」

1年以上前の記事です。内容が古い可能性があります。面白いブログを見つけたので紹介 …

駅近くの二次会中華「李家(りーちゃー)」【熊谷グルメ】

1年以上前の記事です。内容が古い可能性があります。「水よし本店」でやった新年会の …

ブログやサイトにカレンダーを簡単に置く方法

1年以上前の記事です。内容が古い可能性があります。お客さんに自分で編集できるカレ …

Flashの上にHTMLオブジェクトを配置する方法

1年以上前の記事です。内容が古い可能性があります。デザイナーからちょっとした注文 …

CGIでEXEファイル(アプリケーション)を使う方法

1年以上前の記事です。内容が古い可能性があります。CGIといえばperlと思いが …

血液型オヤジ