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

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

  関連記事

no image
Youtubeのすばらしい裏技「PWN」

□YouTubeの前に「PWN」と入力するとビデオがダウンロード可能に &#82 …

no image
EasyCompo

QuarkXpress3.3をメインで使っていたときに、 文字詰めソフトとしてE …

意外なところに目をつけた、100円ショップ「ダイソー」が電子書籍を99円で発売

ネガティブ発言の社長が一時期話題になっていた100円ショップ大手「ダイソー」が意 …

第1回スマートフォン&モバイルEXPOに行ってきた

本日、打ち合わせに行くついでに「第1回スマートフォン&モバイルEXPO」 …

no image
出会い系サイト規制法にガイドライン―全掲示板及びSNSが出会い系サイトに!?

国が出会い系サイトを出会い系サイト規制法のガイドラインの中で定義しました。 それ …

no image
液晶は白、CRTは黒がエコ

モニターは何色が省エネかという記事。 □ノートパソコンの消費電力を抑えてバッテリ …

なんか色々やばい。iOS7はパスコードを設定しないとパスワード、クレジットカード番号等が丸見え【iPhone】

先日、「iOS 7」にパスコードが破られるバグが有るという記事を書いたばかりでな …

Facebook(フェイスブック)で一度シェアした情報を書き換える方法

先日、感動逸話をパクり、「いいね!」が溜まってきた段階で記事を差し替えるという宣 …

しゃぶしゃぶ温野菜熊谷店リニューアルオープン

ちょっとの間お休みしていたしゃぶしゃぶ温野菜熊谷店がリニューアルオープン! あわ …

Webデザインのテンプレートは60px×12カラムで横幅960px

これはWebデザイナーの常識なのでしょうか?実は、最近知りました。Webデザイナ …