2010年8月23日
LightBoxを利用した画像表示のバグを修正
このサイトのブログ記事内にある画像をクリックした場合,効果付きで表示される.
これは LightBox という JavaScript コードを利用して実現している.
これまで,ブログ内の最後の画像からさらに次の画像を表示しようとすると,
無限ループに陥るというバグがあったのだが,直せた.
LightBox を使う場合,画像を貼る際,a タグの中に必ず,rel 属性を書かなくてはいけないのだが,
これは面倒なので,
に解説があるようにしていた.
ところが,二番目の修正が反映されていなかった.
そのため,画像だけでなく,すべての a タグに反応してしまい,
たとえば,webページを画像だと思って一生懸命表示しようとし,無限ループに陥っていたようだ.
さらに,今回,ブログ記事内の画像だけをきちんと表示するように,
上記修正個所のすぐ上にある
var anchors = document.getElementById('content').getElementsByTagName('a');
// var anchors = document.getElementsByTagName('a');
var anchors = document.getElementsByTagName('a');
を念のため
var anchors = document.getElementById('content').getElementsByTagName('a');
と修正した.