2010年8月23日

LightBoxを利用した画像表示のバグを修正

このサイトのブログ記事内にある画像をクリックした場合,効果付きで表示される.
これは LightBox という JavaScript コードを利用して実現している.

これまで,ブログ内の最後の画像からさらに次の画像を表示しようとすると,
無限ループに陥るというバグがあったのだが,直せた. 

LightBox を使う場合,画像を貼る際,a タグの中に必ず,rel 属性を書かなくてはいけないのだが,
これは面倒なので, 

rel属性無しでLightbox JS v2.02

に解説があるようにしていた.
ところが,二番目の修正が反映されていなかった.
そのため,画像だけでなく,すべての 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');

と修正した.