Lightbox Plusで

質問

http://serennz.sakura.ne.jp/toybox/lightbox/?ja
こちらのものを設置して、動作までは何とかこぎつけました。
ところが一つ困ったことがあります。
画像をクリックして拡大表示したときに、下のところに説明として一文つけたいのです。
そうするためには、リンクタグのところに「title=""」を付け足すと
拡大した画像の下にそれが表示されるのですが、
このタグはオンマウスでも表示されてしまいますよね。
これがちょっと鬱陶しく感じるし、改行も付けているのでみっともないんです・・・。
例えば画像にオンマウスした時に＜BR＞山頂です！＜BR＞
などとタグまでそのままポップアップしてしまうんです。
こうならないようにする方法ってないでしょうか？ご存知の方がいましたら助けてくださいm(__)m

回答No.1

my-- · ベストアンサー

// lightbox_plus.js 300行目あたり
...
set:rel
};

// 変更開始
if (anchor.getAttribute("title")) {
self._imgs[num].title = anchor.getAttribute("title"); // ここでtitle属性値を取得してます
anchor.title = ''; // 空文字を代入しておく
}
else if ( anchor.firstChild
&& anchor.firstChild.getAttribute
&& anchor.firstChild.getAttribute("title")) {
self._imgs[num].title = anchor.firstChild.getAttribute("title"); // ここでtitle属性値を取得してます
anchor.firstChild.title = ''; // 空文字を代入しておく
}
// 変更ここまで

anchor.onclick = self._genOpener(num); // set closure to onclick event
...
-----------------------------------------------------------
ページ読み込み完了時、title属性値が参照されたあとは不要になようですから
空文字を代入してます。
-----------------------------------------------------------

// lightbox_plus.js 860行目あたり
...
self._anim.t = (new Date()).getTime();
self._timer = window.setInterval( function() { self._run() }, 20);
//self._img.setAttribute('title',self._imgs[self._open].title); // title属性を設定させない
self._anim.step = ( self._anim.f ) ? 0 : 2;
self._set_photo_size(); // calc and set lightbox size
...

拡大表示されるimgにtitle属性を設定しているコードも不要なら外して問題ないと思います。

お礼

感謝の言葉もありません。
大変助かりました。
わざわざ長文で書いていただいて恐縮です。
ありがとうございました！