台灣最大程式設計社群網站
線上人數
1019
 
會員總數:246691
討論主題:190104
歡迎您免費加入會員
討論區列表 >> Java Script/ Node.js >> 新手求問,如何判斷圖片橫的寬就100%或直的就高100%呢?
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
新手求問,如何判斷圖片橫的寬就100%或直的就高100%呢?
價值 : 50 QP  點閱數:946 回應數:2
樓主

young 瑟
初學者
152 33
904 256
發送站內信

神人大大們,js我是新手
我想請教一下,如何判斷圖片橫的寬就100%或直的就高100%呢?
目前寬看起來沒有問題,但高好像不對> <"不知道該怎麼調整js的部分,請教教我~~~
<div class="slider">
<div><img src="01.jpg"></div>
<div><img src="02.jpg"></div>
<div><img src="03.jpg"></div>
<div><img src="04.jpg"></div>
</div>

$('._Slider div img').each(function() {

var
_WID = $(this).width(),
_HEI = $(this).height();

if (_WID >= _HEI){
$(this).css('width','100%');
}
else{
$(this).css('height','100%');
};

});

本篇文章發表於2014-05-14 14:32
1樓
最有價值解答

迷路
捐贈 VP 給 迷路 檢舉此回應
width和height設定為百分比時,是指父元素的百分之多少
所以img外面的div必須先設定寬高
類似的功能我有用js寫過,不過當時是給固定值,稍微調整一下
本篇文章回覆於2014-05-14 15:49
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

young 瑟
檢舉此回應
謝謝大大的仔細解說~~
本篇文章回覆於2014-05-14 17:31
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.