2007年09月20日

「Picasa Web Albums」の画像を外部呼出し(=直リンク)する方法

「Picasa Web Albums」の場合、非公開画像も外部呼出しできるのがいい。
下は非公開画像をアルバム内に表示させたところ(縮小しているのできたないです)。
右下赤枠部「この写真へのリンク」に、埋め込み用HTMLが用意されている。
画像サイズは、サムネイル144px、小288px、中400px、大800pxの四種類を選べる。ブログやホームページで表示させるにはこれで十分。



しかし、実はもっとたくさんのサイズを利用できる。
上記赤枠部から取得できる中サイズ(400px)画像のURLは次のようになっている。

<img src="http://lh5.google.com/picasa/RvIqSnkUNxI
/AAAAAAAAAj4/K1WkRfaW58I/s400/Bliss_Like_1600.jpg" />

この中の"s400"が画像のサイズ400pxを意味している。この数字"400"の部分を、
[72 , 144(サムネイルDefault値) , 200 , 288 , 320 , 400 , 512 , 576 , 640 , 800 , 1024 , 1152 , 1280 , 1600 , ・・・ , 2048(最大値) ] の中から選ぶことができる。全部ではないが、麻雀の点数をかぞえるときの語呂合わせに似た数字が多いので、憶えなくても片っ端から入れてみればわかるだろう(笑)
原寸で表示したいときは、"s400"の部分に原寸以上の数値を上の[ ]内から選べばよい。

下は"s72"と"s288"の場合
 

以上は、<img src="...">部分に適用する画像のURLだが、これをs400を超える拡大画像へのリンク<a href="...">部分に適用してもうまく機能しない。リファラーで弾くようGoogleがそういう仕様にしているみたいで、これにはちょっとした裏ワザが必要となる。

結論から言うと、href="..."部分に入れる画像URLをつぎのようにする。

<a href="http://lh5.google.com/picasa/RvIqSnkUNxI
/AAAAAAAAAj4/K1WkRfaW58I/s1600-h/Bliss_Like_1600.jpg">

つまり、サイズ指定数字のあとに"-h"を付加する。これだけ。
下はこのようにして外部呼出しした画像。(クリックで別ウィンドウに原寸表示)



posted by localghost at 17:33| WEB(HTML,CSS,Javascript,DHTMLなど)