lightboxのjsファイルの日本語化カスタマイズ
現在制作中のHPにlightboxを設置した。設置方法に関しては、マイコミのページがとても参考になる。しかし、そこの5ページ目、日本語化にしようの所で、
Ver2.04の場合、
「Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);」の構文はないようだ。そこで、どうしたらよいか考えた。
70~71行目
labelImage: "Image",
labelOf: "of"
となっている。ここを次のように変えた。
labelImage: "画像 ",
labelOf: ""
これらの変数は、381~383行目に代入される。
this.numberDisplay.update( LightboxOptions.labelImage←ここに"画像"を代入
+ ' ' + (this.activeImage + 1)
+ ' ' + LightboxOptions.labelOf←ここに""が代入される。
+ ' ' + this.imageArray.length).show();
ここで、「this.activeImage + 1」は現在の画像が何枚目かを表す。
「this.imageArray.length」は全部で何枚の画像があるかを表す。
これを理解した上で私は次のように書き換えた。
this.numberDisplay.update( LightboxOptions.labelImage
+ this.imageArray.length + '枚中の'
+ LightboxOptions.labelOf + (this.activeImage + 1)
+'枚目' ).show();
そうすると、「画像 4枚中の3枚目」と表示されるようになる。