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

Question

I have preloaded 2 images using below statements:

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

Also, I have a div and in a certain moment and depending on some conditions I want to bind one of the above image to the div background-image, I mean, I want to set the div background-image with one of the above images.

For example, if some condition in my code is not satisfied, then I would like to do something like below in order to update div background-image as:

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

and if condition is satisfied:

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

but it is not working so how to do this?

Answer 1

您需要根据图像的来源（而不是图像标签本身）将其分配为URL，以使其成为背景。

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