見ている人が文字サイズを[小][中][大]の3段階で変更できるボタンをサイトに設置するためのjavascriptを作成してみました。
サンプルHTML▼
http://htmldwarf.hanameiro.net/tools/FontSizeChange_sample.htmlJSファイル▼
http://htmldwarf.hanameiro.net/tools/FontSizeChange.jsCookieを利用して、選択した文字サイズは次回訪問時や同フォルダ内で同じスクリプトを設置したページにも適用します。
サンプルでは小=90%、中=100%、大=115%で、[小][中][大]のテキストリンク、選択中のサイズは赤、未選択のサイズは青という設定ですが、
・ボタンのタイプ(テキストor画像)
・テキストの表記と配色
・大中小それぞれに対応する文字サイズ
が選択できるようになっています。
あ、画像にする場合はボタンは自分で作ってください。(正式配布の際にはボタンも作って同梱したいですが)
設置方法は
1)JSファイルの設定を自分好みに調整する。
2)小説ファイル内の、ボタンを置きたい場所に
<script type="text/javascript" src="FontiSizeChange.js"></script> と記入。
3)小説ファイルのbodyタグ内に
onload="SizeChange();" と記入。
JSファイル内に設置方法の解説があるので、ローカル保存してテキストエディタで開いてみてください。
設置の際はサンプルのソースも参考にしてくださいね。
同じ機能を持つスクリプトがたくさん配布されているでしょうが、リクエストいただいちゃったので、出来心でつくってみました。中身は先日サイトで本公開したDesignChangerをちょろちょろアレンジしただけです。
【小説サイトを読みやすくしよう】というサイトさんで同様のものが以前配布されていた記憶があり、こちらを紹介しようとアクセスしてみたのですが、2006年に閉鎖なさっていたのですね。
遅くなりましたが、お疲れ様でした。