ホームページ >ウェブフロントエンド >jsチュートリアル >プロポーション_jquery で自動的に縮小されない jquery 画像の簡単なコード

プロポーション_jquery で自動的に縮小されない jquery 画像の簡単なコード

WBOY
WBOYオリジナル
2016-05-16 17:27:471099ブラウズ
コードをコピー コードは次のとおりです:

jQuery(document).ready(function()
{
/* 画像は自動的に完全には縮小されません*/
$(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200;
//ターゲット画像の幅を入力します
var y = 140;
//ターゲット画像の高さを入力します
var w=$(this).width(), h =$(this).height();
//画像の幅と高さを取得します
if (w > x) {
//画像の幅がターゲットの幅より大きい場合
var w_original=w, h_original=h; h = h * (x / w);
//ターゲットの幅に基づいて比例的に高さを計算します w =x;
//幅はあらかじめ決められた幅と等しいif (h // 最終的な高さが所定の高さより小さい場合
w = w_original * (y /h_original)
// に従って幅を再計算します。ターゲットの高さ h = y;
// 高さは所定の高さに等しい
}
}
$(this).attr({width:w,height:h}); ; }); });
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。