台灣最大程式設計社群網站
線上人數
2264
 
會員總數:246276
討論主題:189810
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> js 根據img長寬更換td背景圖
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
js 根據img長寬更換td背景圖
價值 : 10 QP  點閱數:1772 回應數:7
樓主

crr
門外漢
0 24
400 57
發送站內信

架設一個td結構如下:

<td><div class="f"><a><img></img></a></div></td>

若我用下列方式判斷,圖的長寬,如果img長大於寬或寬大於長時td類的背景要不同的話該怎麼寫
$('.f a img').load(function()
{

if(this.width>this.height)
{
寬大於長時td改背景圖1
}
else
{
常大於寬時td改背景圖2
}
}

還有,有辦法做成動態的嗎,比如有3張圖片3個td,但class都是f,但每次判斷更改不會重疊在同一個td

搜尋相關Tags的文章: [ js背景圖 ] , [ js改td背景圖 ] ,
本篇文章發表於2012-10-17 15:33
1樓
回應

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應
jquery有個each的功能,可以將符合的各別處理
http://api.jquery.com/jQuery.each/
本篇文章回覆於2012-10-18 14:51
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

crr
檢舉此回應
感謝,但不是太理解他說的..
本篇文章回覆於2012-10-19 00:59
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應

比較讓我吶悶的是...
不設個SetTimeout,甚至時間設太短(上面是設定為300ms,就是0.3秒)
會抓不到第一張圖的寬高,然後其它的背景色會出錯...

剩下的就舉一反三這樣? :P
本篇文章回覆於2012-10-19 11:36
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

crr
檢舉此回應
感謝,我來試試!
本篇文章回覆於2012-10-20 20:26
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

crr
檢舉此回應
抱歉我貼一下我完整的部分好了,有點錯亂..,不知道該怎麼改





如果是等.load讀完,那麼setTimeout('setbg();',300);這段會失效吧?

本篇文章回覆於2012-10-20 23:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
最有價值解答

那顆爛蔥
捐贈 VP 給 那顆爛蔥 檢舉此回應

這個是用load()的方式去做的,嗯...不需要用setTimeout的樣子?
本篇文章回覆於2012-10-22 11:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

crr
檢舉此回應
喔..感嗯!可以了!!

用.olad寫簡便多了,parent()是這樣用的阿orz..。

要變成圖變這樣改就可以了
$(this).parent().parent().parent().css("background-image","url(1.jpg)");
本篇文章回覆於2012-10-22 14:46
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

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