Загрузите изображение для div в IE и в Mozilla

Question

Мне нужно для IE и Mozilla Firefox, чтобы jQuery загружал изображения, которые я использую для div. В Chrome это работает, а в IE и Mozilla нет. Проблема в том, что если я нажму на div, у которого есть селектор, который изменяет изображение div, а не загрузку изображения, то есть фон на секунду без изображения.

Тем временем у меня есть этот код.

<div id = "parent">
        <div id = "divActive"></div> <!-- this div change image parent -->
</div>

Код jQuery:

$(document).ready(function () {

changeImage = new Image();
changeImage.src = "Images/imageOfPanda.png";

});

$(document).ready(function () {

$("#divActive").mousedown(function () { changeImageFun(); });

});

function changeImageFun() {
$("#parent").css("background-image", "url(Images/imageOfPanda.png)");

}

Надеюсь, я достаточно подробно опишу эту проблему и благодарю вас за руководство.

Answer 1

Пытаться

использовать только один $(document).ready(function () { и ваша функция changeImageFun() в этом

 $(document).ready(function () {
     changeImage = new Image();
     changeImage.src = "Images/imageOfPanda.png";

     function changeImageFun() {
         $("#parent").css("background-image", "url(Images/imageOfPanda.png)");

     }
     $("#divActive").mousedown(function () {
         changeImageFun();
     });

 });