カレント表示対応版|styleswitcher.js 以前、「JavaScriptで文字サイズを変更」という記事を書きましたが、カレント表示(現在どのサイズで表示されているか)でつまずき、結局画像を使ったボタンにして、どのサイズで表示されているか?というコトが分からないサンプルを紹介しました。 実際に文字サイズを変更するような案件が出てきたコトもあり、何か対策がないものかと考えていると、灯台もと暗しというか何というか…、非常に簡単であるコトに気づきました。 styleswitcher.jsで読み込むalternate stylesheetにそれぞれのボタンの状態を記述すれば良いだけだったんですね。 …という訳でサンプルです。 ↑このサンプルはこちらからダウンロードできます。 今回、「小 中 大」の文字も画像にしてしまったため、ソース上のテキストはdisplayプロパティで消してしまってます
![JavaScriptで文字サイズを変更2 - Good Sleep|Webデザイナーの日々のスキマ](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c0f057b941adbebb2007f9cc967e23ee6853bbb/height=288;version=1;width=512/http%3A%2F%2Fexyz.cocolog-nifty.com%2F.shared-cocolog%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)