先ほど”jQuery/JavaScriptによる画像リサイズ“というポストをしたばかりなんだけど、もう少しjQueryを使えばキャッシュ回避をしなくてもよくなったので、改めてポストしておく。
改善点
- 余計な画像ダウンロードが必要なくなる
- リサイズをしてから画像表示する
jQuery/JavaScriptによる画像リサイズ
【追記】この記事をポストした後にもう少しよい方法が見つかったので次の記事を参照してください。
jQuery/JavaScriptによる画像リサイズ その2
JavaScriptとjQueryを使って、だいたいのブラウザで動作する画像をリサイズする方法をいろいろ試していた。
Firefoxだと画像の幅が取得できないということはないけど、リサイズが効く前に画像が表示され画像が一瞬大きく表示されてしまう。
若干気持ち悪さは残るが、今のところ表示時に”display: none”で対応するのがよさそう。
一瞬画像が大きく表示されてしまうのは避けたいということと、ブラウザ毎の条件分岐はあまりしたくないというところを条件に作ってみた。
“jQuery/JavaScriptによる画像リサイズ” の続きを読む
カスタムフィールドでJavaScriptを記事に埋め込む WordPress
最近、jQueryを少しずつ使うようになって、記事をいくつか書いてきたんだけど、せっかくなので実際に動くデモも表示したいと思っていた。
そこで、記事にJavaScriptのコードを入れてみたんだけど、なんだかうまく動かない。。。
記事中の文字はWordPress内でpタグで囲われたり勝手に改行されたりするのが原因らしい。
最初はちょっとあきらめてデモのスクリーンショットを貼ったけれど、なんだか格好悪いので、カスタムフィールドを使ってどうにかしてみた。
“カスタムフィールドでJavaScriptを記事に埋め込む WordPress” の続きを読む