绑定预加载的图像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的背景图像

回答

相关问题