jquery - Jquery Set Image Dimension Attributes - Css サイズ変更された画像。

Question

CSSを使用して画像をスケーリングしながら、レスポンシブなTwitterブートストラップを使用しています。たとえば、画像の幅は 100% で、高さは自動です。

問題は、画像に寸法がない場合、WebKit がアニメーション (特にページのスクロール) を処理できないことです。

これを行うページの開始時に実行するjquery関数をどのようにコーディングしますか:各画像について、実際の画面上の画像サイズを取得し、画像属性をそれらの値に設定しますか?

Answer 1

ディメンションを取得し、jQuery .css() を使用して設定します

$('.your-img').each(function(){
var img = $(this);
//get dimensions
var h = img.height();
var w = img.width();

//apply dimensions
img.css({
'width': w,
'height': h
});
});