綁定預加載的圖像div的背景圖像

我已預裝使用下面陳述2張圖片：綁定預加載的圖像div的背景圖像

window.imgOK = $('<img src="' + '@Url.Content("~/images/OK.gif")' + '">'); 
    window.imgNOK = $('<img src="' + '@Url.Content("~/images/NOK.gif")' + '">');

另外，我有一個div和在某一個時刻，並根據一定的條件我要綁定的一個上面的圖像到div背景圖像，我的意思是，我想用上面的圖像之一設置div背景圖像。

例如，如果在我的代碼中的一些條件未得到滿足的話，我願做類似下面的順序來更新DIV背景圖像：

$('#MyDiv').css("background-image", window.imgNOK);

，如果條件得到滿足：

$('#MyDiv').css("background-image", window.imgOK);

但它不工作，所以如何做到這一點？

來源

2013-10-30 user1624552

CONSOLE.LOG您window.imgOK會讓你可能看到什麼是spiting。如果這實際上是你的代碼，那麼它應該是spitting和img html標籤與src attr，你試圖將該img標籤設置爲css屬性...沒辦法。你只需要設置src而不是整個img標籤。 – drip

你需要將它分配爲URL它爲背景，基於圖像的來源，而不是圖像標籤本身：

$('#MyDiv').css("background-image", "url(" + window.imgOK.attr('src') + ")" );

來源

2013-10-30 17:01:45

'window.imgOK'已經是jQuery對象 – Andreas

對，謝謝.. –

非常感謝！它就像一個魅力！ – user1624552

綁定預加載的圖像div的背景圖像

回答

相關問題