MyPanoramio Junk0128: Panoramio Widget API

ラベル Panoramio Widget API の投稿を表示しています。すべての投稿を表示

2014年12月20日土曜日

pp2blogを変更

画面の右下に情報表示用のアイコンを追加しました。アイコンのツールチップに「このプログラムは個人使用に限る」を表示するようにしました。元々、商用の方はiframeのプログラムをサイトに埋め込むような事はしないだろうと思っていましたが、使用している某学会サイトがあるのに気付きました。外部から書き換えられる危険性を考えないのでしょうか？
p.s.TOS部分の幅を写真の幅と同じにしていたが、iframeの幅に余裕が無いと追加したアイコンがはめ出て次行に表示される。この為、2ピクセルだけ幅を狭めた。しかし、画面を拡大したりするとレイアウトは崩れる。本来はiframeに余裕を持たせるしか解決方法ないと思う。念の為に、cssを再確認要。padding?

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

[p.s. 2014/12/24] iframeでブログに埋め込む時にパラメータを間違っている人が居ますね。

PanoramioのAPIに下記の文章が有ります。

To use the Panoramio Widget API, you must follow these conditions:
Next to every photo or group of photos displayed in your site through the Panoramio Widget API you must show the Panoramio name and logo, and the text "Photos are copyrighted by their owners" or a translation in the site's language.

テキストが隠れない様にちゃんと設定しましょうね。情報マークが改行しているのはFC2を使っている方のパラメータ記入ミスですよ。

[p.s. 2014/12/26]
この記事を見たのかは分りませんが、間違いに気付いたらしく修正されてました。
Panoramioもいつ終わるのか分らない状態なので、依存し過ぎない方が良いですよ。
パノラミオ存続を求めて署名をお願いします

[p.s. 2014/12/31]
日本消化器画像診断情報研究会岩手大会さんは会場の写真に「青い情報アイコン」が付いても気付かないようです。学会関係者が手弁当でウェブページを作成しているのか、外部委託なのか分りませんが、会費を取って運営しているのですから、写真1枚くらいの費用は捻出出来るのでは無いでしょうか？　他にも自前で撮影するとか会場に写真の提供を受けるとかの方法もあるでしょう。
本日から、貴サイトのみ「黄色い警告アイコン」に差し替わっています。マウスポインターをアイコンに乗せると貴サイト宛てのメッセージが表示されます。そこにも書いてますが、見知らぬ外部のiframeを埋め込むと危険ですよ。大きなセキュリティホールをご自身で空けてるのと同じことです。※
Panoramio APIは商用、非商用問わずに無料で使えますので、御自身でPanoramio APIを使ったプログラムを自サイトに作成しお使いください。

2013年4月18日木曜日

Panoramio PhotoListMap

pgpの内部で使用しているPhoto&Listを変更して独立のソフト(panoplm)にしてみました。

リスト部分は上下左右の好きな場所に指定可能
position=(bottom || top || left || right) 省略時はbottom
user & tag も指定可能　その他組み合わせは下表参照
setはall, public, recentの３種類　※使い道は無いかも?
その他Photo,Listのサイズ、Mapの種別・ズーム値などもクエリーで変更可能

表
組み合わせ	例	表示順(default)	逆順時のオプション
user	?user=1597930	OLD → NEW	&order=DESC
group	?group=9455	NEW → OLD	&order=DATE
user + group	?user=1597930&group=9455	NEW → OLD	&order=DATE
user + tag	?user=1597930&tag=Tower	OLD → NEW	&order=DESC
tag	?tag=Bridge	OLD → NEW	不可
set	?set=recent	popularity	不可

使用例

<iframe style="margin: 10px" height="510" marginheight="0" src="http://junk0128-tools.appspot.com/panoplm/index.html?tag=昭和の町&amp;user=1597930&amp;width=600&amp;height=400&amp;position=top" frameborder="0" width="600" marginwidth="0" scrolling="no"> </iframe>

※バグ修正のメモ
TermsOfServiceWidgetOptionsで数値を渡す変数を間違って、「数値+px」で渡していた。IE7,8だとwapi.jsでエラーになるが、IE9,10だとpxを付けていても動作するので間違いに気づかなかった。
パソコン不調で２度程、ソースが先祖返りしてしまった。変更漏れは無く、大丈夫かな？

2013年3月6日水曜日

Panoramio Widget API(javascript)の貼り付けコードその４

前回の貼り付けコードをもう少しいじってみました。

24行目　著作権表示部分の高さをheightに含めず、追加するにしました。
widthとheightの値をアスペクト比に合わせるのが簡単になります。
33，34行目　写真が1枚の時に不要な左右の矢印を非表示にしました。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Panoramio Widget API(JavaScript) sample</title>
</head>
<body>
<!-- bloggerのレイアウトでヘッダーの下へ追加(HTML/javaScript) -->
<script type="text/javascript" src="http://www.panoramio.com/wapi/wapi.js?v=1&hl=ja"></script>
<style type="text/css"> 
	.panoramio-wapi-photo .panoramio-wapi-images { 
		background-color: #ffffff; 
} 
</style> 
<!-- ここまで -->
<!-- 以下はブログの記事中にHTMLモードで記入 -->
<div id="d20130228A"></div>
<script type="text/javascript">
(function() { 
	var wapiblock = document.getElementById('d20130228A');
	var myOptions = {
		'width': 360,
		'height': 240,
		'attributionStyle' : panoramio.tos.Style.DEFAULT_ADD,
		'openLinksInNewWindow': true
	};
	var photoRequestOptions = {
		ids: [
			{  'photoId': 85410010,  'userId': 1597930 }
		]
	};
	var widget = new panoramio.PhotoWidget(wapiblock, photoRequestOptions, myOptions);
	widget.enableNextArrow(false);
	widget.enablePreviousArrow(false);
	widget.setPosition(0);
})(); 
</script>
<!-- ここまで -->
</body>
</html>

2013年2月27日水曜日

Panoramio Widget API(javascript)の貼り付けコードその３

ヘッダーロゴの下に下記のコードを追加しました。※これで各ページの最初の方にコードが挿入されます。

<script 
	type="text/javascript" 
	src="http://www.panoramio.com/wapi/wapi.js?v=1&hl=ja_JP.utf8"
></script>
<style type="text/css"> 
.panoramio-wapi-photo .panoramio-wapi-images { 
	background-color: #ffffff; 
} 
</style>

３行目の「&hl=ja_JP.utf8」は無い方がいいかも？無ければユーザー設定言語で表示されるはずだけど・・・

英語になったり、中国語になったり・・・

各記事には下記の部分だけをHTMLモードで記入します。

<div id="p86314230"></div>
<script type="text/javascript">
(function() { 
var wapiblock = document.getElementById('p86314230');
 
var myOptions = {
  'width': 573,
  'height': 340,
  'openLinksInNewWindow': true
};
var photoRequestOptions = {
 ids: [
  {  'photoId': 86314230,  'userId': 1597930 }
  ,{  'photoId': 86314228,  'userId': 1597930 }
  ,{  'photoId': 86314232,  'userId': 1597930 }
]
};
var widget = new panoramio.PhotoWidget(wapiblock, photoRequestOptions, myOptions);
widget.setPosition(0);
})(); 
</script>

１行目と４行目の「p86314230」は同じ文字列にしてください。idなのでブログ内で重複しないように、日付＋フォトIDの文字列でもOKです。７行目と８行目は写真のアスペクト比に合わせて変更した方がいいです。著作権表示の部分が改行する幅の時は18を大きく変更。

３：２ 573, 400 573 / 3 × 2 + 18 ≒ 400
１６：９ 573, 340 573 / 16 × 9 + 18 ≒ 340

１２～１６行目は３枚の写真を切り替えて表示する場合の例です。

９行目は「true」で写真をクリックした時に新しいウインドウで開く、「false」だと同じウインドウで開くの違いみたいです。※APIのリファレンスには載っていない
[2013/04/23] APIサンプルのソースを見ていたら、載ってました。

以上、元ネタは下記サイトです。詳細は下記参照

Panoramio のすすめ - NAVER まとめ

Panoramio Widget API(javascript)の貼り付けコードその２

昔撮っておいた写真と、最近の写真を並べてみました。昔の撮影場所が分からなくなったので、山並みと鉄塔がほぼ同じ写真を３枚ずつ見れるようにしています。写真の上にマウスポインターを置いて、切り替えてください

富士しゃくなげ湖（嘉瀬川ダム湖）

嘉瀬川ダム工事中　２００９年

2013年2月26日火曜日

Panoramio Widget API(javascript)の貼り付けコード

Panoramio のすすめ - NAVER まとめを参照して、下記を貼り付けてみた

pp2blog使用これは自作のHTMLテンプレート

大きな写真はPanoramioで見て貰いたいから小さめにしてるんだけど、上と比べると小さ過ぎかな？サイズはパラメータで変更可能にしてるので、大きくしてみたのが、この下の写真。
※写真の上にマウスポインターを置くと、写真のタイトルが表示され、クリックするとPanoramioサイトで写真と地図が表示されます。
(Panoramio Widget API を使用しています）

pp2blog使用 ※toolbox.winofsql.jpのサイズに変更

pandm2blog2使用 ※撮影場所の地図がすぐに見れるのが便利

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

blogspotではiframeが使えるので、自作のHTMLテンプレートの方が使いやすいです。Window Live Writerで書いているためか、toolbox.winofsql.jpのコードを貼り付けた部分がごちゃごちゃと変更されているみたい。マウスポインターを写真の上に乗せてもタイトルが表示されません。著者名表示とリンクがないと、ちょっとまずいかな？※WLWと相性が悪いのかも？　bloggerのエディタで直接編集したらOK！

2012年7月24日火曜日

Panoramio APIの参照サイト

Panoramio APIは一部しか翻訳されていないので、読むのが面倒です。日本語で解説しているページが無いかなと探していたら、下記のサイトが有りました。設置サンプルも色々あるし、とても参考になります。 Panoramio以外の情報もいっぱいあります。便利で、お役立ちなサイトに感謝！

PHP & JavaScript Room ←Top page

Web関連特集｜PHP & JavaScript Room ←ここの下に色々あります

2012年1月28日土曜日

My desktop

デスクトップをPanoramioのガジェットで埋めてみました。

通常は右1列だけ表示させているのですが、ちょっと遊んでグループの写真を追加している様子です。
右上が「自分の写真」、その下が「日本の写真｝、その下が「コンテスト入賞作品」
2列目上から「8551」、「20711」、「22002」※「」内はグループ番号です。以下同じ
3列目上から「9455」、「13284」、「10001」
4列目上から「20205」、「37501」、「27618」

※Panoramio Widget APIを使用しています。
「写真は所有者の著作権により保護されています」

※The gadget is using Panoramio Widget API.
「Photos are copyrighted by their owners」

動画はBB FlashBack Express レコーダーを使って作成しました。

2012年1月13日金曜日

pgp4の中身の元 (mpp2blog)

pgp4はpgpの右側に地図を表示したものです。今回はこの地図の部分の元となったmpp2blogの紹介です。これを先に作っていたので、pgp4では普通のGoogle Maps API V3ではなく、Panoramio Layerを使って表示しています。利点は近くに同じユーザーの写真があれば、サムネイルをクリックして、その写真を見ることが可能です。Google App Engineに移設した時に少しだけ書き換えたのですが、ふと気が付いたらIEで表示しなくなっていたので、バージョンダウンしてから他のアプリに合わせて書き換えました。地図の下に著作権表示を記し、その右側に「Help」ボタンを設けて簡単な説明を表示するように変更です。IE8だけの症状ですが、「Help」ボタンをクリックした時に右側と下側にゴミのラインが出てしまいます。私のPCのグラフィックボードだけかも？

Panoramioの古いユーザーならMini-Panoramioを知っていると思いますが、それと同じように使えます。現在のPanoramio マップはユーザー指定が出来ません。地図上のサムネイルをクリックしてポップアップする写真の下部に著作権表示は付いているので、地図の下部の著作権表示は必要かどうかは不明です。Panoramio Layerの説明のところには何も書いて有りません。Panoramioに質問メールをだいぶ前に書いたのですが返事は有りませんでした。念のためということで、今回のバージョンでは下記のスタイルにしました。

user=1597930
lt=33.308492
ln=130.937593
z=10 ズーム値
k=3 地図の種別
width=400
height=300

user指定の代わりにtag指定も可能
※両方同時は不可

※(The Panoramio Layer (Library) を使用しています）

2012年1月12日木曜日

PGP3の中身を抽出

前回はPGPでしたが、今回はPGP3です。違いはPGPがユーザー指定に対して、PGP3はエリア指定です。エリアを指定して、その中にあるグループ写真を表示することが可能です。これを使えば大規模なグループでも、見るエリアを指定することにより写真を探しやすくなります。

← グループ「Square shots」です。
このグループには参加していないけど、スクエアサイズの表示例として紹介します。

写真のサイズを400x400ピクセルとして真四角に表示するように設定
エリアを日本本土（アバウトです。一部隣国が含まれているかもしれません）と指定しています。

Panoramio Widget APIを使用してます。

p.s.(2012/01/23)
挿入するリンクを間違えていたので修正しました

正月バージョンで「Map」ボタンを設けて地図を表示可能にしたのですが、この時はボタンの位置を絶対的座標で無理やり合わせていました。今回、位置合わせ方法の修正を行いリサイズ可能に変更しました。

余談ですが、これらのツールでグループ写真を見ていると「外部 Widget API の閲覧数」が増加します。ある程度増えると「この写真へのリンク」に載るようです。下記のようなアドレスが載った時は、これらのビューアーで誰かが見ていたということです。偶々、リストの最初に長期間在ると表示の機会が増えます。この為、グループ「日本の写真(Photos of Japan)」の最新の写真は、目立ちやすくなってます。

http://junk0128-pgp.appspot.com/・・・・
http://junk0128-tools.appspot.com/・・・・
http://www.justmystage.com/home/junk0128/・・・・

Panoramioのフォーラム Q&Aにユーザーが作成したツールの紹介記事が載っています。サーバーを変更した1月7日付で旧アドレスの記事が載ったので、変更した旨を連絡し、1月10日付けで新アドレスに差し替えて貰いました。新フォーラムに変わって読んでいる人が少ないみたいだし、継続的に使っている人はブックマークに入れているだろうから、アドレス変更の周知徹底は難しいだろうな。

2012年1月10日火曜日

PGPの中身を抽出

PGPの中身だけ抜き出してみました。元々この写真とリスト表示部分を先に作って、周りにグループとユーザーの選択機能を追加したのがPGPなのです。

グループは日本の写真(Photos of Japan)、ユーザーを私に指定して表示させていますが、もちろんパラメータを変えれば表示が変わるようになっています。

← グループを”Bridge　「橋」”
ユーザーをaoriikaさんに指定

サムネイルの数も横幅に応じて変わります。但し横幅は著作権表示部分が隠れないように最小でも400pxに制限しています。

画面のキャプチャーではないので、サムネイルをクリックすれば、上に大きく表示しますし、Mapに切替えることも可能です。もちろん新しい写真がグループに追加されれば、すぐに最新の写真が表示されます。

名港トリトンの写真ではMapから、ストリートビューも見ることが可能です。

Panoramio Widget APIを使用してます。

2012年1月9日月曜日

junk0128-tools.appspot.com

ブログ等に埋め込み可能なツール等をまとめて７本Google App Engineへ移設しました。
http://junk0128-tools.appspot.com下に配置してます。トップに簡単なメニューがあります。

random はPanoramioの写真をランダムに表示するアプリです。
pgpcwinners はPanoramioコンテスト入賞作品をランダムに表示するアプリです。
pgp_slideshow はPanoramioのグループ写真をスライドショーで表示するアプリです。
上記の３本はガジェット化が可能です。[参照]
Mini-Pano Photo to the Blog は以前のmini-panoramio互換品でPanoramioマップを表示するアプリです。
Photo & Map to the Blog はPanoramioの写真をマップ付きでブログ等に埋め込むアプリです。
Pano-Photo to the Blog はPanoramioの写真をブログ等に埋め込むアプリです。
My Panoramio Photo サムネイルを人気度順に一覧するアプリです。

最後のMy Panoramio Photoはもうソースを弄りたくないアプリなのですが、ちょっとだけ変更です。画面上からorderの順番のメニューを消しました。いつまでもメニューに残していたので、今でも変更してみる人が居るようです。Panoramio Data APIではもう日付順に並べることは出来ないようです。

2012年1月7日土曜日

pgpシリーズをGoogle App Engineへ移設

pandm2blogに続いてpgp,pgp3,pgp4をGoogle App Engineへ移設しました。アプリの登録は「junk0128-pgp」の名前で行い、そこからのサブプログラムにしました。簡単なメニューをトップページに置いていますが、直接各々のサブプログラムへリンクしたほうが早いです。下記のpgp,pgp3,pgp4の文字部分にはgoo.glの短縮urlのリンクを付けていますので、短い方が好きな人はご利用ください。

menu ･････････ http://junk0128-pgp.appspot.com/
pgp ･････････ http://junk0128-pgp.appspot.com/index1.html
pgp3 ･････････ http://junk0128-pgp.appspot.com/index3.html
pgp4 ･････････ http://junk0128-pgp.appspot.com/index4.html

旧justmystageはしばらく放置します。※サーバーの使用期間は現時点で来年の３月までです。

pgpシリーズはPanoramioのグループ写真を手軽に見るツールです。大きなグループでは数万枚もの写真があり、個々の写真を見ることが難しくなっています。そこでpgpとpgp4ではユーザーIDによる絞込みを行い、特定個人の写真を見ることが出来るようにしました。pgp３では見たいエリアを指定して、その中の写真を抽出するようにしています。これを使えば、鉄道関係のグループでは九州地区だけの列車等の写真を見ることなどが可能です。グループやユーザーのセレクター部分は「日本の写真(Photos of Japan)」用になってますが、グループ番号やユーザー番号は直接入力が可能です。

※各アプリケーションはPanoramio Widget APIとGoogle maps Javascript API V3を使用しています。

2012年1月6日金曜日

Google App Engineを登録してみた

Google App Engineを使って無料でサイトを立ち上げる方法を読んで、Javascriptのプログラムを登録してみました。画像付きで分かり易く書いてあるので、説明通りにやっていけば簡単に使えるようになりました。

アカウントの作成
携帯電話のSMSで認証番号を受け取る。先ず第一の関門、q.vodafone.ne.jpが選択リストに存在しない。その他を選択し、番号を入力「+08190･････････」、しかしメールが届かない。携帯電話の設定で国際SMS拒否の設定を探すが見つからない。もしかしてとMy SoftBankを見てみたら、国際SMSを拒否設定にしてました。これを一旦解除してみて、再度やってみたらすぐにSMSを受信出来たので、また拒否設定に戻しておきました。※国際SMSの迷惑メールは今も届いているのか判らないけど･･･
Pythonのダウンロード
Pythonでアプリを作る予定は無いけど、これが無いとアップロードとかが出来ないようなのでダウンロードする。しかし、解説サイトに書いてあったV2.5は無かったので、V2.7をインストールした。
Python 用 Google App Engine SDKをダウンロード
GoogleAppEngine-1.6.1.msiをダウンロードして、インストールした。
Deploy
書いてある通りにやっていくと、作成したアプリケーションを実行可能になると書いてあるが、まだ何もコードを書いていないけどと思いながら実行すると「Hello World!」と表示された。取りあえず成功らしい。
「pandm2blog」でアプリケーションの登録を行ったので、ローカルにhtdocsホルダーを作成後、ソースをコピーして、これに合わせて「app.yami」を修正した。
再度Deploy
再度Deployし、~~http://pandm2blog.appspot.com/~~で動作を確認終了！
(2012/01/09) 変更しました。http://junk0128-tools/pandm2blog.appspot.com/index.html

PanoramioもGoogle App Engineで動いているらしいので、全部Google上で動くようになりました。500 MB の永続ストレージと、1 か月に約 500 万ページビューまで無料で使えるらしいです。もったいないくらいだ。アプリは10個まで登録可能とのことなので、少し様子を見てから他のアプリも登録してみたいと思います。
pgp,pgp3,pgp4,MyPano,mpp2blog、これで6個。

← Google App Engineを使用しています。

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

Mapタブをクリックすると撮影地の地図を表示します。

(Panoramio Widget API とGoogle Maps APIを使用しています)

写真を挿入している部分のソースは下記の通りです。PanoramioのユーザーIDとフォトIDを書き換えれば写真が入れ替わります。アスペクト比が違ったり表示サイズを変える時は他の数字の変更が必要です。Windows Live Writerとdynamic templateを使えば、簡単に入力できるようになります。

<iframe height="292" src="http://junk0128-tools.appspot.com/pandm2blog/index.html?pId=63529465&amp;uId=1597930&amp;width=360&amp;height=262&amp;zoom=14" frameborder="0" width="390" align="left"></iframe>

2012年1月2日月曜日

pgp3に地図表示機能を追加（正月バージョン)

昨日のpgpに続いて、pgp3にも地図表示機能を追加しました。左側の検索範囲指定用の地図よりも、4段階ズームインした地図で写真の撮影位置を表示します。3枚目はペグマンをドラッグ＆ドロップして、ストリートビューを表示した様子です。撮影場所付近を散策可能です。

pgpとほぼ同じ修正なので簡単に出来たのですが、動作確認中に起動時の表示状態にバグがあることに気付きました。写真の上に透明な地図が乗った状態になっていたので、写真上にマウスポインターを乗せてもイベントが発生せず、タイトル等の表示が出来ない状態になってました。慌てて、pgpの修正を行い、再アップロードしています。

2012年1月1日日曜日

pgpに地図表示機能を追加（元日バージョン)

pgpのリスト表示部分の右下に地図を表示するボタンを設けました。下記のように写真の部分が地図に入れ替わります。ボタンを再度押すと、元の写真表示に戻ります。地図表示ではペグマンをドラッグ&ドロップし、ストリートビューを見ることが可能です。地図を常に参照したい時はpgp4で、画面が小さなiPadやスマートフォンではpgpと使い分けしてみてください。※スマートフォンでは小さなボタンを押すのが非常に難しいけど…

動作確認は下記で行いました。

Windows Xp：Firefox, Chrome, IE8 ,safari
Windows 7：Chrome, IE9
スマートフォン：005SH(Android 2.3.4)

Panoramio Widget APIとGoogle Maps JavaScript API V3を使用しています。

p.s.(2012/01/02)
・safariでの動作確認を追加
・起動時に空のmapCanvasを非表示にしていなかったので、写真上でマウスが効かなくなってました。
「document.getElementById("mapCanvas").style.display = "none";」を追加　修正済み

2011年8月13日土曜日

Widget APIでslideshowの備忘録

Widget APIを使ってスライドショーを作成してみた。仕様は次へ・戻る・止まるの３ボタンを設けて、どっち方向にでもボタンを押せば、自動で進むこととした。

<body onLoad=”function”>は、止めてwindow.onload=function()を使う。
ボタンも同様にdocument.form1.next.onclick=function()を使う。
あれ、javascriptでボタンを押したことにするのに無名関数だと呼べない？？

何か模擬的にボタンを押すやりかたが有ったよなと、検索してたらfireEventが見つかった。前に使ったのと違うけどと思いつつ使ってみると、ちゃんと機能するので書き換えて確認。IE9で確認、OK。でも他は駄目。

過去のソースファイルをいくつか捜していたら、document.form1.next.click()が見つかった。次にタイマーはsetIntervalを使って書いてるとどうも処理が書きにくい。もう一つのsetTimeoutを使ったほうが書き易そう。

書き換えながら、再帰的に関数を呼ぼうとしたら、無名関数なので呼べない。あれ、さっきと同じなので、これは前記の方法で解決。

動作確認をしてみると、ボタンの排他処理をしていないので、次ボタンを押して停止せずに戻るボタンを押すと、写真が左右に行ったり来たりします。排他処理でボタンの禁止と解除を追加していたら、禁止中はclick()も使用出来ないし、処理が面倒になってきた。仕様追加、「必ず停止ボタンを押してから次の操作を行うこと」

setTimeoutの説明を見直ししていると、arguments.calleeが書いてありました。へぇーこんなのがあるんだ！早速書き換えてみたが何故か動かない？？？よーーく、見比べてみたら、エルが1つ抜けたスペルミスでした。もう、目が疲れたので、ボタンの排他処理は保留です。最後に、下記サイトでチェックして数箇所を修正。

2011年4月28日木曜日

Panoramio Widget APIの表示不良

昨夜からPanoramio Widget APIを使った表示がおかしくなっています。下記(左)の様に垂直方向にずれて上半分が真っ黒になっていたり、全部真っ黒になってしまってます。タイトルや著者表示、及びそれらのリンクは正常です。昨夜はHTMLテンプレートの表示もおかしかったような気もするけど、これは現在正常です。今もおかしいのはJavascript版のPhoto WidgetとList & Photoだけのようです。※LIST表示は正常

下記(右)の様にGoogle Earthの表示でもおかしくなってます。これは上部がグレーになってます。全部グレーになっているものもあります。下部のサムネイルリストはクリックしても写真が切り替わりません。