新・元地方の中規模印刷会社で苦悩する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

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

  関連記事

FlickrをProにすると「picnik」で上書き保存ができる

1年以上前の記事です。内容が古い可能性があります。写真共有サイトFlickr(フ …

新幹線エヴァンゲリオンVer.山陽新幹線を今秋走る!

1年以上前の記事です。内容が古い可能性があります。新しい山手線も待ち遠しいですが …

ドラえもんが3DCGアニメに。映画「STAND BY ME ドラえもん」気になるスネ夫の顔はどうなった?

1年以上前の記事です。内容が古い可能性があります。なんと、来年の夏。ドラえもんが …

グルメ系、レビュー系の記事に集客力は殆ど無い

1年以上前の記事です。内容が古い可能性があります。ノンジャンルで記事を書き続けて …

ベストレストラン2013のベストスイーツ部門にご近所が by 食べログ

1年以上前の記事です。内容が古い可能性があります。いやぁ。これは嬉しいですね。で …

ブラウザで「Mac OS 7」、「Hyper Card」や「Kid Pix」も

1年以上前の記事です。内容が古い可能性があります。自分が一番最初に触れ合ったパソ …

「Windows Live メール」が起動しなくなり、何をやっても復旧しないときはハードディスク(フラッシュディスク)を整理

1年以上前の記事です。内容が古い可能性があります。もう、みんなWindows10 …

no image
docomo(ドコモ)のiPhoneは「iPhone 5s」と「iPhone 5c」。9月20日に発売

1年以上前の記事です。内容が古い可能性があります。ついに出ます。docomo(ド …

no image
Flashでプルダウンメニューを作ってみた

1年以上前の記事です。内容が古い可能性があります。過去ログの「Flashでプルダ …

事故物件データベース「大島てる」にスマホアプリ登場!

1年以上前の記事です。内容が古い可能性があります。以前、当ブログでも紹介させて頂 …

血液型オヤジ