Eu provavelmente estou sentindo falta de algo simples, mas é muito chato quando tudo que você lê não funciona. Eu tenho imagens que podem ser duplicadas várias vezes ao longo de uma página gerada dinamicamente. Então, a coisa óbvia a fazer é pré-carregá-lo e usar essa variável como fonte o tempo todo.

var searchPic;
function LoadImages() {
    searchPic = new Image(100,100);
    searchPic.src = "XXXX/YYYY/search.png";
    // This is correct and the path is correct
}

então eu defino a imagem usando

  document["pic1"].src = searchPic;

ou

  $("#pic1").attr("src", searchPic);

No entanto, a imagem nunca é definida corretamente no FireBug quando eu consultar a imagem que recebo[object HTMLImageElement] Enquanto osrc da imagem

No IE eu recebo:

http://localhost:8080/work/Sandbox/jpmetrix/[object]