Alt属性で(ツールチップ)ポップアップ その2
2012/03/06(火) 16:16 はてブ情報 はてブに登録 はてブ数

以前http://www.cirlution.com/blog/adiary.cgi/09でGLTを使ったAlt属性で(ツールチップ)ポップアップ を紹介しましたが、livedoorブログでimg要素をアンカーするaタグにのtitle属性がファイル名になったので、最近投稿したものはGLTとtitle属性のツールチップが2重になってしまった。
最近http://www.cirlution.com/blog/adiary.cgi/028でDOMスクリプティング なるものをやってみて、昔のimg要素にあるAlt属性ファイル名をtitle属性(ファイル名)出来ることに気づいた。
imgタグのalt属性を読み出してaタグ(又はimgタグ)に setAttributeで title属性をセットしてやればいい。
最近の記事はaタグにtitleあるので、titleあるか調べて、あるやつは飛ばします。
HTMLの方は、div id="何かID" で囲みます。
複数のwindow.onloadにChrome対応するためjqueryの$(function())でやってます。
$(function(){
var atgts =
 document.getElementById('何かID').getElementsByTagName('a');
var itgts =
document.getElementById('何かID').getElementsByTagName('img');
for (var i = 0; i < itgts.length; i++) {
    if ( atgts[i].title == '' ) {
      atgts[i].setAttribute('title', itgts[i].getAttribute('alt'));
    }
}
});
最初、 setAttribute('title', itags[i].alt) とやったがだめだった。arart(itags[1].alt); では表示されましたが、なぜ?文字列オブジェクトでないのかな?。
とりあえず itgts[i].getAttribute('alt') でalt属性呼び出したらOKだったのでそうしています。
Chromeでもいけます。

基本的には、写真の撮影時間を表示させたいので

JavaScriptでEXIFデータを読み込む方法でやろうかと思いましたが、livedoorブログのサムネイル写真はEXIFデータないので,どうやるかわからないので。
拡大写真なら表示できそうですが、Lightbox か… highslideでも出来そうですが。どうしよう。

名前:  非公開コメント   

E-Mail(任意/非公開):
URL(任意):
  • TB-URL  http://www.cirlution.com/blog/adiary.cgi/034/tb/