Flickrの写真をブログに貼っている時、その下に自動的にEXIFデータを表示してくれるブログパーツ(Javascript)FlickrExを使ってみました。BloggerとSeesaaでの使い方をメモ。
現在はPC版の画面でしか効きません。BloggerもSeesaaもスマホ版画面ですとEXIFが出ません。これはJavascript自体がスマホ版のページに組み込まれていないからです。スマホ版のHMTLテンプレートのいじり方が私にはわかっていません。
ただスマホの場合画面があまり大きくないのでEXIFが出ない方がすっきりして見易い気もしますのでこれでもいいかな、と思っています。
しかも、BloggerではIE11でみてみたら、動作しませんでした。Seesaaでは動作しています。
また、EXIF情報はaタグの中に置かれるためデフォールトでは下線が付いてしまいます。これがうまく消せません。Bloggerでは:linkと:visitedでは消してあるので目立ちませんが、Seesaaでは絶えず下線がついてしまいます。
そこでSeesaaではaタグすべてについて下線を消してしまいました。Bloggerでは何もいじらないことにしました(従ってマウスオーバーでEXIF情報のところに下線が出てくる)。
動作チェックはMac版Safari。あとMac版Chromeでも少しチェックしています。FirefoxとWindowsはちょっと確認しただけです。
追記 2016.02.10.
BloggerのIE11で出なかったのは、テンプレートがmetaタグでIE7コンパチモードを指示していたからのようです。これを削ったら(だと思う)動くようになりました。
スマホ版画面のHTML/CSSコードのいじりかたがわかったので、コードを実装しました。スマートフォンでもEXIFが出るようにしました。
aタグに囲まれたときに付く下線を消すことですが、やや無理がありますが、消しました: