jquery怎么設(shè)置圖片的大小

$(document).ready(function() { $('.post img').each(function() { var maxWidth = 100; // 圖片最大寬度 var maxHeight = 100; // 圖片最大高度 var ratio = 0; // 縮放比例 var width = $(this).width(); // 圖片實(shí)際寬度 var height = $(this).height(); // 圖片實(shí)際高度 // 檢查圖片是否超寬 if(width maxWidth){ ratio = maxWidth / width; // 計(jì)算縮放比例 $(this).css("width", maxWidth); // 設(shè)定實(shí)際顯示寬度 height = height * ratio; // 計(jì)算等比例縮放后的高度 $(this).css("height", height); // 設(shè)定等比例縮放后的高度 } // 檢查圖片是否超高 if(height maxHeight){ ratio = maxHeight / height; // 計(jì)算縮放比例 $(this).css("height", maxHeight); // 設(shè)定實(shí)際顯示高度 width = width * ratio; // 計(jì)算等比例縮放后的高度 $(this).css("width", width * ratio); // 設(shè)定等比例縮放后的高度 } }); });

創(chuàng)新互聯(lián)服務(wù)緊隨時(shí)代發(fā)展步伐，進(jìn)行技術(shù)革新和技術(shù)進(jìn)步，經(jīng)過(guò)十多年的發(fā)展和積累，已經(jīng)匯集了一批資深網(wǎng)站策劃師、設(shè)計(jì)師、專業(yè)的網(wǎng)站實(shí)施團(tuán)隊(duì)以及高素質(zhì)售后服務(wù)人員，并且完全形成了一套成熟的業(yè)務(wù)流程，能夠完全依照客戶要求對(duì)網(wǎng)站進(jìn)行成都網(wǎng)站建設(shè)、網(wǎng)站制作、建設(shè)、維護(hù)、更新和改版，實(shí)現(xiàn)客戶網(wǎng)站對(duì)外宣傳展示的首要目的，并為客戶企業(yè)品牌互聯(lián)網(wǎng)化提供全面的解決方案。

jquery怎么整體放大縮小div,里面有圖片文字,需要修改寬高的值，不是scale

var div = $("div");

div.css("lfet",value);

div.css("top",value)

....同理

div.width(200) // 同樣也可以用上述css方式來(lái)實(shí)現(xiàn)。 div.css("width",value); height跟width一樣。

jquery 如何讓圖片自適應(yīng)大小

script type="text/javascript" src="js/jquery.min.js"/script

script type="text/javascript"

jQuery.fn.LoadImage=function(scaling,width,height,loadpic){

if(loadpic==null)loadpic="../img/loading.gif";

return this.each(function(){

var t=$(this);

var src=$(this).attr("src")

var img=new Image();

img.src=src;

//自動(dòng)縮放圖片

var autoScaling=function(){

if(scaling){

if(img.width0 img.height0){

if(img.width/img.height=width/height){

if(img.widthwidth){

t.width(width);

t.height((img.height*width)/img.width);

}else{

t.width(img.width);

t.height(img.height);

}

}

else{

if(img.heightheight){

t.height(height);

t.width((img.width*height)/img.height);

}else{

t.width(img.width);

t.height(img.height);

}

}

}

}

}

//處理ff下會(huì)自動(dòng)讀取緩存圖片

if(img.complete){

autoScaling();

return;

}

$(this).attr("src","");

var loading=$("img alt=\"加載中...\" title=\"圖片加載中...\" src=\""+loadpic+"\" /");

t.hide();

t.after(loading);

$(img).load(function(){

autoScaling();

loading.remove();

t.attr("src",this.src);

t.show();

});

} );

}

/script

div id="content"img src="img/20120518073933709.jpg"http://div

script type="text/javascript"

!--

$(window).load(function(){

$('#content img').LoadImage(true, 600,500,'img/loading.gif');

});

//--

/script

關(guān)于jquery 如何自動(dòng)調(diào)整某個(gè)div中的圖片大小

jQuery調(diào)整html對(duì)象使用css()方法即可.

$("#test img").css("width","30px")//設(shè)置test下的圖片寬為30px

$("#test img").css("height","30px")//設(shè)置test下的圖片高為30px

定義和用法：

css() 方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性.

設(shè)置 CSS 屬性

設(shè)置所有匹配元素的指定 CSS 屬性.

$(selector).css(name,value)

通俗的解釋為如果設(shè)置第二個(gè)參數(shù)為修改css屬性，如果未設(shè)置第二個(gè)參數(shù)為獲取css屬性.

jquery 圖片的寬為可視窗口的寬 等比縮放如何計(jì)算出圖片的高

代碼如下：

$(document).ready(function(){

//?先取得原圖片大小，圖片加載時(shí)獲取

$("#IMG").load(function(){

_imgW?=?this.width;

_imgH?=?this.height;

//?alert(_imgW);

//?alert(_imgH);

ImgResize();

});

});

function?ImgResize(){

//?再取得可視窗口的寬

var?WT?=?$(window).width();

//?按照寬高比算出調(diào)整后圖片的高度

var?resizeH?=?(WT?*?_imgH)?/?_imgW;

//?將新的尺寸賦予圖片

$("#IMG").css({width:WT,height:resizeH});

}

//?瀏覽器調(diào)整窗口大小時(shí)重新計(jì)算

$(window).resize(function(){

ImgResize()

});