(お約束)ご利用は自己責任でお願いします
safariを利用します、Windowsのsafariでできるかは知りません・・・。試してみてください。
さて、とある公式サイトのフォトギャラリーです。
![フォトギャラリー フォトギャラリー](https://mcbrain.jp/wp-content/uploads/2012/02/SS_2012-02-06_23-58-35.png)
サムネイルをクリックするとこんな風にLightbox(あるいはその互換かも)で画像が拡大表示されます。
![こんな感じ こんな感じ](https://mcbrain.jp/wp-content/uploads/2012/02/SS_2012-02-06_23-46-34.png)
やり方は3種類あります。まず最初は・・・
1)画像の上で、右クリックして「要素の詳細を表示」をクリックします。
![画像の上で右クリック 画像の上で右クリック](https://mcbrain.jp/wp-content/uploads/2012/02/db9ae785edb590e7b7fb8634ae11de1f-e1328539804301.png)
2)するとこんな画面が出ますので、上にある「リソース」をクリックします。それで、フレームをクリックしてイメージをクリックすれば、画像にたどり着けます。
![イメージのところを表示します イメージのところを表示します](https://mcbrain.jp/wp-content/uploads/2012/02/SS_2012-02-07_00-00-46-e1328540999990.png)
3)ここまで来ればみなまで言わなくても大丈夫でしょう。 お目当ての画像を右のフレームに表示して「リンクをコピー」すればその画像のアドレスをゲットできます。
あるいは、画像のURLを掴んで上のフレームに落とせばそのまま表示されます。
![右クリックしてリンクをコピー 右クリックしてリンクをコピー](https://mcbrain.jp/wp-content/uploads/2012/02/SS_2012-02-07_00-04-39-e1328541186433.png)
もう一つのやり方です。
1)上の「要素の詳細を表示」をクリックするのは同じです。
2)すると下のような画面が表示されます。お目当ての画像が表示されているHTMLは「<div id=”lbImage” ・・・」で始まるあたり。下の画像で色が変わっているあたりです。httpで始まって.jpgで終わる画像アドレスがお目当てのものです。
![このあたりです このあたりです](https://mcbrain.jp/wp-content/uploads/2012/02/SS_2012-02-11_23-44-52.png)
3)そこをダブルクリックしてこんなかんじにします。
![ダブルクリックしてこんなかんじに ダブルクリックしてこんなかんじに](https://mcbrain.jp/wp-content/uploads/2012/02/SS_2012-02-11_23-28-49.png)
4)そこで右クリックして、「URLを開く」を選択すれば、その画像が新タブで表示されるはずです。
![「URLを開く」をクリック 「URLを開く」をクリック](https://mcbrain.jp/wp-content/uploads/2012/02/b12eb74600a4e32861c9681ffcf937d1-e1328971880102.png)
最後のはソースを見て探す方法です。これはIEやFireFoxでも出来る当たり前の方法なので、わざわざ解説しません(笑)。
さて3種類あげましたが、もっと簡単に取得出来る方法があれば教えて下さい。
コメント