ゼロからはじめるLightWindow 2.0 - Flashムービーも表示できるAjaxライブラリ

日本語で表示するようにする

LightWindow 2.0ではCLOSEやNEXTなど表記が英語になっています。英語圏で利用する分には問題ありませんが、日本では日本語で表示させたいのが心情です。これらの文字が書かれているのはimagesフォルダにあるGIF画像です。これらの画像ファイルを書き換えれば日本語で表示されるようになります。画像をグループ化して表示した場合に、左下に「2 of 3」のように英語で表示されてしまうのも気になります。これはlightwindow.jsファイルの以下の行を変更すると日本語で表示されるようになります。

'<a id="lightwindow_title_bar_close_link" >close</a>'+
                 ↓
'<a id="lightwindow_title_bar_close_link" >閉じる</a>'+


'<span id="lightwindow_galleries_tab_span" class="up" >Galleries</span>'+
                 ↓
'<span id="lightwindow_galleries_tab_span" class="up" >ギャラリー</span>'+


'<span>Loading or <a href="javascript: myLightWindow.deactivate();">Cancel</a></span>'+
                 ↓
'<span>読み込み中（<a href="javascript: myLightWindow.deactivate();">キャンセル</a>）</span>'+


'<span id="lightwindow_data_gallery_current"></span>'+
' of '+
'<span id="lightwindow_data_gallery_total"></span>'+
                 ↓
'<span id="lightwindow_data_gallery_total"></span>'+
' 枚中 '+
'<span id="lightwindow_data_gallery_current"></span>'+

ただし、このまま日本語化しただけでは文字化けして表示されてしまうことがあります。<script>タグのcharset属性でlightwindow.jsファイルの文字コードを指定しておきます。charsetで文字コードを指定しても文字化けしてしまう場合やエラーで動作しない場合には表示するページのHTMLファイルの文字コードとlightwindow.jsファイルの文字コードを同じにしてください。