js背景圖片怎麼調整大小_CSS或jquery中如何改變background-image的大小

❶ CSS或jquery中如何改變background-image的大小

在css中改變background-image的大小可以通過將背景圖片放置的一個div樣式中，然後設置div的樣式屬性來實現。示例核心代碼：

div{

background:url(圖片路徑);

background-size:800px600px;

background-repeat:no-repeat;

}

其中圖片路徑可以使用相對路徑也可以使用絕對路徑，不用添加雙引號。最後一行的background-repeat:no-repeat意思可不允許背景圖片在網頁中平鋪，只能使用一次。

(1)js背景圖片怎麼調整大小擴展閱讀：

通過jquery中改變background-image的大小的實例代碼：

<!DOCTYPE html>

<html>

<head>

window.onload=function(){

$('.box').CSS('backgroundSiz','300px 500px')

}

</script>

.box{

background-image: url(1.png);

}

</style>

</head>

<body>

</div>

</body>

</html>

❷ js 控制圖片大小

這種情況用CSS來控制最合適。例如你想讓初始圖片顯示為100px*100px，則：
<img src="images/pic.png" width="100" height="100" />

或者：

<img src="images/pic.png" style="width:100px; height:100px" />

當頁面中圖片非常多，且要求每張圖片的大小依據其父容器來固定怎麼辦？可以使用max-weight：

img {max-weight:100%;}

這樣圖片會自動縮放到和其父容器等寬。

❸ 如何利用JS或者CSS樣式來自動調整圖片大小

js版和css版自動按比例調整圖片大小方法，分別如下：

<title>javascript圖片大小處理函數</title>
<scriptlanguage=Javascript>
varproMaxHeight=150;
varproMaxWidth=110;
functionproDownImage(ImgD){
varimage=newImage();
image.src=ImgD.src;
if(image.width>0&&image.height>0){
varrate=(proMaxWidth/image.width<proMaxHeight/image.height)?proMaxWidth/image.width:proMaxHeight/image.height;
if(rate<=1){
ImgD.width=image.width*rate;
ImgD.height=image.height*rate;
}
else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
</script>
</head>
<body>
<imgsrc="999.jpg"border=0width="150"height="110"onload=proDownImage(this);/>
<imgsrc="room.jpg"border=0width="150"height="110"onload=proDownImage(this);/>
</body>

純css的防止圖片撐破頁面的代碼，圖片會自動按比例縮小：

<styletype="text/css">
.content-width{MARGIN:auto;WIDTH:600px;}
.content-widthimg{MAX-WIDTH:100%!important;HEIGHT:auto!important;width:expression(this.width>600?"600px":this.width)!important;}
</style>


<divclass="content-width">
<p><imgsrc="/down/js/images/12567247980.jpg"/></p>
<p><imgsrc="/down/js/images/12567247981.jpg"/></p>
</div>

❹ 幫改下這段JS怎麼才能讓他的滑動背景變大

你把你想要的效果寫出來,, 比如是什麼層它的背景在滑鼠移來的時候背景放大,, 還是這個層的圖片太小了, 怎麼捕滿整個層, 還是怎麼的怎麼的~~~ 上面整代碼那麼多也不知道你是想什麼樣的
下面希望對你有用:::

background-repeat : repeat | no-repeat | repeat-x | repeat-y
取值：
repeat : 默認值。背景圖像在縱向和橫向上平鋪
no-repeat : 背景圖像不平鋪
repeat-x : 背景圖像僅在橫向上平鋪
repeat-y : 背景圖像僅在縱向上平鋪

如果是因為背景的圖片太小了,想用width height把它擴大,那你最好還是添加一個浮動層來放這個圖片, 在背景圖片的屬性里沒有改變圖片的大小

❺ css中如何調整插入背景圖片的大小

可以通過cover和contain來對圖片進行伸縮。

語法：

background-size:auto;/* 默認值，不改變背景圖片的高度和寬度 */

background-size:100px 50px;/* 第一個值為寬，第二個值為高，當設置一個值時，將其作為圖片寬度來等比縮放 */

background-size:10%;/* 0％~100％之間的任何值，將背景圖片寬高按百分比顯示，當設置一個值的時候同也將其作為圖片寬度來等比縮放 */

background-size:cover;/* 將背景圖片等比縮放填滿整個容器 */

background-size:contain;/* 將背景圖片等比縮放至某一邊緊貼容器邊緣 */

(5)js背景圖片怎麼調整大小擴展閱讀：

CSS背景圖片自適應、全屏、填充、拉伸

方法一：js控制

</div>

$(function(){

$('#formbackground').height($(window).height());

$('#formbackground').width($(window).width());

});

</script>

方法二：全瀏覽器兼容

.bg{

background:url(http://wyz.67ge.com/wp-content/uploads/qzlogo.jpg);

filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";

-moz-background-size:100% 100%;

background-size:100% 100%;

}

❻ HTML中怎麼讓背景圖片跟著瀏覽器窗口變大變小

HTML中怎麼讓背景圖片跟著瀏覽器窗口變大變小？

你可以先用表格，按%顯示表格，表格里再背景就OK了，<table width=316 height=76 border=0 cellpadding="0" cellspacing="0">
<tr>
<td background="1.jpg"> </td>

ASP如何設置背景圖片平鋪瀏覽器窗口

首先要看你的背景圖片是不是夠大如果不夠大，要設置背景平鋪，就會有背景重復和不重復的問題。
background:url(背景.gif) no-repeat; 這個是背景圖片不重復。
background:url(背景.gif); 這個是重復，並且是上下左右的重復。
background:url(背景.gif) repeat-x; 這個是背景橫向重復。
background:url(背景.gif) repeat-y; 這個是背景縱向重復。

背景圖片怎樣隨瀏覽器的大小而改變大小

用背景圖像重復這種方法很簡單，也很常用，在dreamweaver軟體里，具體步驟是：菜單「修改」->「頁面屬性」（快捷鍵：ctrl+J）->「外觀」->按自己的實際要求來選擇背景圖像和重復參數。
代碼是：
body {
background-image: url(1.jpg);（具體路徑不確定，可隨時更改；）
background-repeat: repeat;
}
可以的,把圖片作為背景,把它的寬度和高度設置成瀏覽器的尺寸,就OK了!但如果你用的圖片寬度和高度不是瀏覽器的窗口大小,那圖片就可能會變形,但效果是可以做出來的!要想用這種方法,你最好把要用的背景圖片做成和瀏覽器大小尺寸一樣!

vb 窗體最大化時怎麼使背景圖片跟著改變大小

一個簡便的方法。
代碼如下。
＝＝＝＝＝＝＝＝＝
Private Sub Form_Load()
AutoRedraw = True
Picture = Icon
End Sub
Private Sub Form_Resize()
Cls
PaintPicture Picture, 0, 0, Width, Height
End Sub

如何讓背景圖片跟著文字動

不知道你說的是div裡面的背景嗎？如果是可以這樣操作：第一：你的圖片應該足夠大，第二：把DIV的高度設置成自適應列如CSS的寫法應該這樣寫：height：auto !important; min-height:300px;
這里的300px就是當你的文字不是太多時的高度，如果內容高度超過300這樣div高度增加，這時候背景圖片就會出來了，背景圖片不需要特殊操作，跟平時用的一樣即可。

uc瀏覽器背景圖片咋刪

你好；uc瀏覽器的背景圖片是無法刪除的，
它的軟體漏洞很大，根本沒有這個功能，
瀏覽網頁經常亂碼，卡死，還有捆綁軟體，
還會泄漏個人隱私，很多網友因此不在使用uc瀏覽器了，謝謝望採納。

我換qq資料背景圖片怎麼空間背景圖也跟著變?

你選保存圖片的時候誤按了「同時在空間背景使用」，注意一下吧。

ASP背景圖片怎樣正好等於瀏覽器大小

可以通過CSS解決
但是不推薦這樣使用
最好還是做個小圖片循環拼接
這樣的效果比適應解析度做出來的要好

div設置背景圖片,窗口寬度變小後背景圖片會縮小變成兩個三個,css應該怎麼改?

css3的background-size和media query可以實現，但是IE8以下的內核瀏覽器不支持，但這是正確方法。
js也可以實現，偵測窗口變化，改變div的class屬性，如div_a變為div_b,兩個的背景屬性不一樣。這個兼容性好，但比較麻煩。

怎麼改變MFC視類窗口的背景圖片

繪制界面使用
CDCm_dcBuffer1, m_dcBuffer2;臨時緩沖
CBitmapm_bmTitle, m_bmBuffer;圖像
初始化繪制界面資源
CClientDC dcScreen( this );
m_bmTitle.LoadBitmap(IDB_TITLE);
m_dcBuffer1.CreateCompatibleDC(&dcScreen);
m_dcBuffer2.CreateCompatibleDC(&dcScreen);
m_bmBuffer.CreateCompatibleBitmap( &dcScreen, WND_WIDTH, WND_HEIGHT );
初始化繪制界面資源完成

❼ 如何用JS改變圖像的原始大小

用JS改變圖像的原始大小方法：
var canvas = document.getElementById("canvas");

var context = canvas.getContext("2d");

$('input[type=file]').change(function(){

var file=this.files[0];
var reader=new FileReader();
var image=new Image();

reader.readAsDataURL(file);
reader.onload=function(){
// 通過 reader.result 來訪問生成的 DataURL
var url=reader.result;
image.src=url;
alert(image.width);
alert(image.height);
image.height /=4;
image.width /=4;
canvas.setAttribute("width", image.width+"px");
canvas.setAttribute("height", image.height+"px");
alert(image.naturalWidth);
alert(image.naturalHeight);
context.drawImage(image,0,0,image.width,image.height);
};
});

❽ jsp如何使背景圖片自動調整符合顯示器大小

JS來實現。
你搜一下 JS 里的 document.all('圖片的ID').style.height和document.all('圖片的ID').style.width 方法

如
<img height="高" width="寬" id="ID" src="圖片地址">
那麼 document.all('ID').style.height="200";

❾ 怎麼用js改變div裡面的圖片大小

你的div的結構是下面這種結構嗎？

<div>
<img>
</div>

如果是的話，你先獲取到div，

然後在div里獲取img；

varaImg=document.getElementById("div'sId").getElementsByTagName('img');
for(vari=0;i<aImg.length;i++){
aImg[i].style.height="theheightyouwant";
aImg[i].style.width="thewidthyouwant";
}

如果你所說的圖片是指div的background，那麼你可以在CSS裡面用：

background-size:50px100px;（調整背景圖片的大小）
background-repeat:no-repeat;（是否平鋪，否）
/*也可以：*/
background-size:40%100%;（對背景圖片進行拉伸）

當然用js的話也可以：

img.style.backgroudSize='50px100px';
img.style.backgroudRepeat='on-repeat';

❿ 怎麼js設置Img的寬度，和高度

1、界面中有一個img，但是沒有用js來設置它的寬度高度和背景顏色。

js背景圖片怎麼調整大小