テーマ

bookreader.jsは、テーマを指定して表示スタイルをカスタマイズすることが可能です。

用意されているテーマファイルを参考に、新しいテーマを作ることもできます。テーマには、文字数などをコントロールするjsファイルと、スタイルを定義するcssファイルが含まれます。

テーマの指定方法

bookreader.jsをSCRIPTタグで読み込む際、

 src="library/bookreader/bookreader.js"

としている部分を

 src="library/bookreader/bookreader.js?theme=3columns"

などとすればOKです。

 

テーマ一覧

ダウンロードファイルに含まれるテーマの一覧です。

default

テーマを指定しないと、デフォルトのテーマが適用されます。

- 表示領域: 100% x 500px

- ページサイズ: 500 x 500 (px)

- フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)

mini

- 表示領域: 800 x 400px

- ページサイズ: 400 x 400 (px)

- フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)

2columns

- 表示領域: 800 x 600px

- ページサイズ: 400 x 600 (px)

- フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)

3columns

- 表示領域: 900 x 500px

- ページサイズ: 300 x 500 (px)

- フォント: ヒラギノ明朝(mac)、メイリオ(vista)、MSゴシック(default)