jQuery/JavaScriptによる画像リサイズ

【追記】この記事をポストした後にもう少しよい方法が見つかったので次の記事を参照してください。
jQuery/JavaScriptによる画像リサイズ その2

JavaScriptとjQueryを使って、だいたいのブラウザで動作する画像をリサイズする方法をいろいろ試していた。

Firefoxだと画像の幅が取得できないということはないけど、リサイズが効く前に画像が表示され画像が一瞬大きく表示されてしまう。

若干気持ち悪さは残るが、今のところ表示時に”display: none”で対応するのがよさそう。

一瞬画像が大きく表示されてしまうのは避けたいということと、ブラウザ毎の条件分岐はあまりしたくないというところを条件に作ってみた。
“jQuery/JavaScriptによる画像リサイズ” の続きを読む