文字サイズ変更ボタン FontSizeChanger.js

概要

ページの任意の部分の文字サイズを、訪問者の好みに合わせて調整してもらうためのJavascriptです。
Cookieを利用しており、1度設定すると次回の訪問でも同じレイアウトで閲覧できます。
設定は複数のページに反映させられます。

サンプル

ダウンロード

設置方法

  1. FontSizeChange.lzhを解凍してください。
  2. DesignChang.jsをエディタで開き、
    /* ------------ 初期設定 --------------*/
    以下の部分の値を自分の好みに変更してください。
  3. FontSizeChange_sample.htmlを参考に、変更機能をつけたいページを下記のように編集してください。

    <body>タグにレイアウト設定を読み込む関数を追加(対象の全ページ)
    <body onload="SizeChange();">

    書式の指定を反映させたい要素に、初期設定で指定したIDを設定(対象の全ページ)
    <body onload="SizeChange();">
    	(中略)
    	<div id="docs">
    		小説本文
    	</div>
    </body>
    ※上記は初期設定のIDを使う場合の例

    ボタンを設置(任意のページ)
    <script type="text/javascript" src="FontSizeChange.js"></script>
  4. FontSizeChange.jsとそれを設置したページ、画像ボタンを使う場合はボタン画像を、サーバーにアップしてください。
  5. 動作確認してください。