【ハウツー】

ゼロからはじめるLightbox 2.0 - 簡単にWebで写真アルバム機能を

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

    古籏一浩  [2007/06/14]

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

    Lightbox 2.0ではCLOSEやNEXTなど表記が英語になっています。英語圏で利用する分には問題ありませんが、日本では日本語で表示させたいのが心情です。これらの文字が書かれているのはimagesフォルダにあるGIF画像です。これらの画像ファイルを書き換えれば日本語で表示されるようになります。

    「対応する画像を日本語のものに書き換える」

    「日本語のイメージで書き換えられたパーツで表示」

    「こちらも日本語に対応している」

    画像をグループ化して表示した場合に、左下に「Image 2 of 3」のように英語で表示されてしまうのも気になります。これはlightbox.jsファイルの以下の一行を変更すると日本語で表示されるようになります。

    変更前

    Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);
    

    変更後

    Element.setInnerHTML( 'numberDisplay', imageArray.length+" 枚中 " + eval(activeImage + 1) + "枚目");
    

    ただし、このまま日本語化しただけでは文字化けして表示されてしまうことがあります。HTMLファイルの文字コードに合わせてlightbox.jsファイルも同じ文字コードで保存する必要があります。

    「枚数の表示部分も日本語表示となる」

    新着記事

    特設サイトの情報

      人気記事

      一覧

      新着記事

      特別企画

      マイナビニュースマガジン