moco-moco.com モコモコドットコム

moco-moco.comに下記を参考にしてjQueryの「文字サイズの変更」ボタンを実装してみました。

参考サイト

▽文字サイズ変更ボタンを設置する（prototype.js/jQuery）
　（参考元：AZ storeさん）

会社の人達に軽くリサーチした所、文字サイズを小さくするより大きくする目的で使用する人が多いみたいなので、標準の小、中、大の他、「特大サイズ」の「特」も搭載。

しかし、ここで細かい問題が発生。

一度設定した文字サイズは、Cookieで保存されている為、リロードやサイトを移動しても設定した大きさで表示されます。

ですが、IE7でリロードor移動した場合、一瞬だけデフォルトの文字サイズで表示されてから、設定した文字サイズになるのです。同様の現象は、Emotional Webさんのサンプルページでは起きていないのですが、AZ Storeさんのページの場合、自分のサイトと同じ事が起こります。

FireFoxやWindows版Safariだと何の問題もないのですが、シェアが一番高いIEで起こる問題だけに少し気になりますね。

P.S.続：「文字サイズの変更」ボタン搭載を公開しました。