文字拡大機能追加

PCの方でFireFox以外のブラウザ(IE、Lunascape3、OperaなどはOK。ただしjavascript有効であること)をお使いのみなさんには文字拡大ラベルを追加しました。

タイトルの右下に「(文字サイズ )」ってあるのがそうです。

」をクリックすると、文字が倍の大きさになります。「」をクリックすると標準に戻ります。

システム的な説明。

スタイルシートを標準と大文字版2つ別ファイルで用意します。

ヘッダーでスタイルシートの読み込みをするようにするんですが、ここで一工夫。

上段には標準の読み込みタグ。

その下に大文字用の読み込みタグをjavascriptを使用して追記できる状態にします。

スタイルシートは上から下に優先順位が決められているそうなんでこのようにした場合は、下段にある大文字用スタイルシートが優先され、大文字用スタイルシートに記述がないものは、上段の標準用のものが使用されるそうな。

で、そのスイッチとしては、この今見ているページのアドレスに引数(ここの場合は「/?=1」)をくっつけてjavascriptを読み込むようにするだけです。

でも実際どれほどの人が重宝するのかという有効性については突かないこと。

本当に大きい文字が必要な人は自分でローカルにスタイルシートを作ってそれを読み込んで表示するようにしてるからね。

あくまで自己満足っす(*^-^*)

Verified by MonsterInsights