❶ 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%;}
這樣圖片會自動縮放到和其父容器等寬。
❷ 用DIV+CSS布局中,如何設置圖片與文字在同一高度高手請進..
問題一:(在寫"待解決的問題"這一欄的時候,不知如何將那個小圖片和文字設置在同一高度?)
你是說問號那個小圖片和文字么;它是用背景圖片定位來做的;並且像
頁面右邊的這種效果也是這種做法;他們有統一的樣式寫法如下
.ibbs, .igood, .iok, .ivote, .iwhy, .istar {
background:transparent url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/icons.gif) no-repeat scroll 0 0;
float:left;
height:16px;
margin-right:2px;
overflow:hidden;
width:16px;
}
(你看懂這個代碼就知道怎麼做的了;)
問題二:(用ul寫,在DW設計裡面看,前面是個小方點,而導出的頁面中卻是個稍大的圓點,不知道為什麼?)
因為各個瀏覽器對樣式的默認解析是不同的,所以在不同瀏覽器中看它的默認li圓點不同(DW設計視圖你也當成一種瀏覽器);像這些默認不同的樣式我們一般不用;li的前面的小圓點你可以用背景來做;做法和問題一的方法還比較相似;
問題三(下面的精彩詞條中,如何將圖片浮動到右對齊,並讓文字環繞圖片?)
圖片和文字是在一個div標簽里,很明顯給圖片一個右浮動就可以了;裡面的文字放在<img>下面;可以放在p標簽里(不能放在塊類標簽里如div,table..);
問題四(什麼時候才用表格呢,)
其實呢div也是可以完成table的效果的;但會麻煩些;如果你喜歡那麼你可以都用div打造;一般來說很明顯的表格樣子我們會用一下表格(如,什麼調查表格啊之類的);用的地方不多,網路知道這個頁面是沒有可以用表格的地方的;
看不明白的地方可以hi我一下.
❸ 網頁上有一張小圖片,後緊接著一行字,窗口拉伸時,圖片尺寸會變, 我想將文字的高度變成和圖片高度一致
用high 和width來定義一下圖片的寬度和高度
html代碼
<img height="66" width="66" src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/iknow/avarta/66/r6s1g5.gif" class="user-head-img">
JS代碼document.writeln("<img height=\"66\" width=\"66\" src=\"http:\/\/img..com\/img\/iknow\/avarta\/66\/r6s1g5.gif\" class=\"user-head-img\">");
HTML轉JS的在網路搜一下,好123就有,不過在chrome下不能用,需要在IE下轉換
例子代碼是網路知道的個人資料 我的頭像 呵呵
❹ js控制圖片高度、寬度
//給你一個比較靈活的,可自由控制
jQuery(window).load(function(){
jQuery(".div1img").each(function(){//div1下的img寬度、高度設置
DrawImage(this,700,470);//寬700,高470,自己改為相同即可。
});
});
functionDrawImage(ImgD,FitWidth,FitHeight){//下面是判斷,可自己修改條件
varimage=newImage();
image.src=ImgD.src;
if(image.width>0&&image.height>0){
if(image.width/image.height>=FitWidth/FitHeight){
if(image.width>FitWidth){
ImgD.width=FitWidth;
ImgD.height=(image.height*FitWidth)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}else{
if(image.height>FitHeight){
ImgD.height=FitHeight;
ImgD.width=(image.width*FitHeight)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
}
}
}
❺ js輪播圖每張圖片設置寬高一樣,但是第二張圖片開始高度顯示變短,上面留白
那你把你的輪播模塊的高度和寬度設置成與輪播圖片一樣的高度和寬度。
這兩個高度和寬度是一個數值,輪播不會留白。你是不是把輪播模塊與下一個或上一個系統模塊之間的間隙當成留白了?這是系統模塊之間的約10PX間隔,自己是無法修改的。
❻ 怎麼js設置Img的寬度,和高度
1、界面中有一個img,但是沒有用js來設置它的寬度高度和背景顏色。