JavaScript, jQuary

JavaScriptでフツウに画像サイズを取得する場合 <img src="" width="470" height="99" id="image"> image = $('#image'); image.width // imgタグのwidth =&gt; 470 image.height // imgタグのheight =&gt; 99 といった感じですが、オリジナルの画像サイズは940x198なので、そのサイズがとりたい。 という場合ですが image = $( ...

JavaScript, jQuary

1.8以前のJQueryでは$.browser.msieという判定でIEとそれ以外の処理を分けていたりしました。 これがJQuery1.9以降は出来なくなります。 ということで、JQuery1.9以降でこのような判定に近い事が出来るかどうかを考えてみます。 まず、JQuery1.9では、browserが削除されます。 それにかわって、supportを使えという感じに書かれています。 このsupportというのは、ブラウザ毎に分けるのでは無く、ブラウザが対応している機能ごと、実装ごとに判定しようと ...

JavaScript, jQuary

画像が多いサイトなどで、ローディング時間が長くて困る、なんて言う時は 画像の延滞ロードです。 最近のAmazonとか、スクロールして画像が表示される時に一瞬ローディング画像が出たりしてるやつです。 このプラグインを使うと、簡単に実現出来ます。 必要な物は、jQuaryとこのプラグイン。 あとは、延滞ロードしたい画像のタグにclass="lazy"を追加します。 $("img.lazy").lazyload(); という処理をどこかに置きます。 以上です。