jQuery lightBoxで画像をポップアップ表示する際、表示されるdiv内にテキストを表示させている場合

（サービスによっては結構長い文章を表示させることもある）

a title= の設定にて表示するようにしているかと思います。

これだと、画像の上にカーソールを乗せると

ブラウザーがご丁寧にツールチップを表示してしまいます。

長い文章をlightBoxで表示させるようにしていると、このツールチップも長く大きなものになって

見た目が最悪な状況になります。


これを簡単に非表示する方法として、考えて実際に試した方法は

a titleのtitleをrelに変更してしまうのが一番簡単でした。

jQuery lightBoxの場合は、relを使用しないのかな？（調べてません・・・）

使ってたら何か問題があるかもしれませんが・・・

htmlの方でtitleをrelに変更したので、今度は

jquery.lightbox-0.5.js

の中を変更します。

getAttribute(‘title’)

を

getAttribute(‘rel’)

に変更すればOKです。

多少強引ですが簡単に対応するには丁度良いでしょう。

これで、画像にカーソールを乗せたときに、ツールチップが表示されなくなりました。

※aタグで挟んでいるimgタグのalt、titleはもちろん空白にしておく必要があります。