jquery圖片不完全按比例自動縮小的簡單代碼_jquery
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 21:12:14
jquery圖片不完全按比例自動縮小的簡單代碼_jquery
jquery圖片不完全按比例自動縮小的簡單代碼_jquery: 代碼如下:jQuery(document).ready(function(){ /* 圖片不完全按比例自動縮小*/ $(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200; //填入目標(biāo)圖片寬度 var y = 140; /
導(dǎo)讀jquery圖片不完全按比例自動縮小的簡單代碼_jquery: 代碼如下:jQuery(document).ready(function(){ /* 圖片不完全按比例自動縮小*/ $(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200; //填入目標(biāo)圖片寬度 var y = 140; /

代碼如下:
jQuery(document).ready(function()
{
/* 圖片不完全按比例自動縮小*/
$(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200;
//填入目標(biāo)圖片寬度
var y = 140;
//填入目標(biāo)圖片高度
var w=$(this).width(), h=$(this).height();
//獲取圖片寬度、高度
if (w > x) {
//圖片寬度大于目標(biāo)寬度時
var w_original=w, h_original=h; h = h * (x / w);
//根據(jù)目標(biāo)寬度按比例算出高度 w =x;
//寬度等于預(yù)定寬度 if (h < y) {
//如果按比例縮小后的高度小于預(yù)定高度時
w = w_original * (y /h_original);
//按目標(biāo)高度重新計算寬度 h = y;
//高度等于預(yù)定高度
}
}
$(this).attr({width:w,height:h}); }); }); });
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery圖片不完全按比例自動縮小的簡單代碼_jquery
jquery圖片不完全按比例自動縮小的簡單代碼_jquery: 代碼如下:jQuery(document).ready(function(){ /* 圖片不完全按比例自動縮小*/ $(window).load(function(){$('#content div.thumbnail img').each(function(){ var x = 200; //填入目標(biāo)圖片寬度 var y = 140; /