将预加载的图像绑定到div背景图像

时间:2013-10-30 16:57:20

标签: javascript jquery image html background-image

我使用以下语句预加载了2张图片:

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

另外,我有一个div,在某个时刻,根据一些条件,我想将上面的图像之一绑定到div背景图像,我的意思是,我想设置div背景图像与其中一个上面的图片。

例如,如果我的代码中的某些条件不满足,那么我想执行类似下面的操作,以便将div background-image更新为:

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

如果满足条件:

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

但它没有用,所以怎么做?

1 个答案:

答案 0 :(得分:1)

您需要根据图片的来源,而不是图片代码本身,将其指定为背景的网址。:

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