MyPanoramio Junk0128

2011年3月14日月曜日

満願寺温泉　川湯

熊本県小国町はドライブによく行くところですが、テレビでよく見る川湯には初めて訪れました。ここは本当に道路沿いの露天風呂でした。とても入る勇気は無いので、写真を撮っただけです。

MPP2Blogを使って下記の地図を表示しています。地図上のサムネイルをクリックすると、写真がポップアップ表示されます。そのウインドウ内からPanoramioのフォトページやユーザーページにリンクしています。
※まだ開発中なのか、写真に因ってユーザー表示が無かったり、リンクされていないものもあるようです。表示も遅いです！

※ブラウザに因って表示が違います。表示確認はwindows XP SP1(32bit)で行いました。

firefoxではview inとpanoramioにリンクがありません。

IEでは上記リンクは有るけど、ユーザ名が表示されません。

safariでは上記リンクは有るけど、ユーザ名が４つも表示されます。

chromeでは全部正常に表示し、各々のリンクもあります。

p.s.
挿入するウインドウの幅が狭いと、ポップアップするウインドウの幅が狭まれるようです。でも広げるとこのブログには幅が足りません。そこでブログのレイアウトを変更しメインコンテンツの幅を広げてみました。

2011年3月13日日曜日

mpp2blog (Mini-Pano Photo to the Blog Version 0.1β

Panoramio: See the world through a lens with the Panoramio Layer

Panoramio blogに新機能が書いてあったので、ちょっとjavascriptを書いてみました。昔のmini-panoramioみたいに使えそうだ。
※作成中なので、この記事も含めて、随時書き換えます。

パラメータで下記の様に指定しています。

2011年3月6日日曜日

My Panoramio Photo(Version 0.50A)

メッセージの変更のみ

Avatar, caption(No.nn, author)のツールチップ
Photos provided by Panoramio are under the copyright of their owners.
※使用例の文から使用条件の文中のメッセージに変更

使用例：Photos provided by Panoramio. Photos are under the copyright of their owners.
使用条件：Photos provided by Panoramio are under the copyright of their owners

※いつの間にか、使用例の文に書き換えてしまったようなので戻しました。

2011年3月4日金曜日

Blogger Syntax Highlighter

htmlのソースをブログに書く時に、見やすくならないかなと検索していたら上記タイトルを見つけました。導入の仕方等はいくつか書かれているようなので、下記の検索結果からお好きな記事をお読み下さい。

Blogger Syntax Highlighter - Google 検索

使用例

<br />

2011年3月3日木曜日

PP2Blog ( PanoPhoto to the Blog ) Version 0.2

昨日書いた記事の中でツールに名前がないと書きにくいと気付いたので、名前を付けました。タイトルとスペルミスの修正を行いましたが、リンクの変更は有りません。urlの後のオプションは下記の通りです。

オプション無しの時はデモモードで私の写真をランダム表示
?help 簡単な使い方を表示
?pId=PhotoId&uId=UserId&width=Www&height=Hhh

(Usage)
http://junk0128-tools.appspot.com/pp2blog/index.html?pId=9355655&uId=1597930&width=240&height=198

幅と高さは写真に合わせて調整が必要です。最初に幅を決めて上下左右に黒い帯が出ないように高さを決めます。width=240&height=240だと(例１)の様に上下に黒帯が表示されるので、heightを小さくします。(例２)は高さを調整したものです。

ブログに挿入する時は、iframeを用いて挿入します。
(Usage)
<iframe height="210" src="http://junk0128-tools.appspot.com/pp2blog/index.html?pId=9355655&uId=1597930&width=240&height=198” frameborder="0" width="250" align="left"></iframe>

iframeの幅と高さはオプションの幅と高さよりも一回り大きくして下さい。
※heightを先に書いていますが、これはBloggerもしくはWLWの仕様です！

下記で使用した写真はアスペクト比3:2です。

(例１)
width=240&height=240

※写真の上にマウスポインターを置くと、写真のタイトルが表示され、クリックするとPanoramioサイトで写真と地図が表示されます。
(Panoramio Widget API を使用しています）

(例２)
width=240&height=198

(例３)はアスペクト比が4:3の写真の例です

(例３)
width=240&height=221

このブログはWLWを使って書いています。更にWLWのプラグインのDynamic Template plug-in for Windows Live Writerでiframeを挿入する様にしています。この使用例はココを参照して下さい。