jquery圖片等比例縮放程序

很多時間特別是文章都會有圖片是吧如果我們固定圖片大小那就會變形了影響美觀現在我們來一個實用的利用jquery來控制圖片等比例縮放代碼吧當然這是只等比例縮放圖片大小的一種方法哦還有cssjs等

很多時間特別是文章都會有圖片是吧如果我們固定圖片大小那就會變形了影響美觀現在我們來一個實用的利用jquery來控制圖片等比例縮放代碼吧當然這是只等比例縮放圖片大小的一種方法哦還有css教程網頁特效等

jqueryfnautozoomloadimage = function(scaling width height loadpic) {
if (loadpic == null) loadpic = "loadinggif";
return thiseach(function() {
var t = $(this);
var src = $(this)attr("src");
var img = new image();
//alert("loading")
imgsrc = src;
//自動縮放圖片
var autoscaling = function() {
if (scaling) {
if (imgwidth > && imgheight > ) {
if (imgwidth / imgheight >= width / height) {
if (imgwidth > width) {
twidth(width);
theight((imgheight * width) / imgwidth);
}
else {
twidth(imgwidth);
theight(imgheight);
}
}
else {
if (imgheight > height) {
theight(height);
twidth((imgwidth * height) / imgheight);
}
else {
twidth(imgwidth);
theight(imgheight);
}
}
}
}
}
//處理ff下會自動讀取緩存圖片  jquery圖片等比例縮放程序
if (imgcomplete) {
//alert("gettocache!");
autoscaling();
return;
}
$(this)attr("src" "");
var loading = $("<img alt="加載中" title="圖片加載中" src="" + loadpic + "" />");
thide();
tafter(loading);
$(img)load(function() {
autoscaling();
loadingremove();
tattr("src" thissrc);
tshow();
//alert("finally!")
});
});
}

From:http://tw.wingwit.com/Article/program/Java/hx/201404/30475.html