bild - Javascript sätt img src

Jag missar förmodligen något enkelt men det är ganska irriterande när allt du läser inte fungerar. Jag har bilder som kan dupliceras många gånger under en dynamiskt genererad sida. Så det uppenbara att göra är att förladda dem och använda den variabeln som källan hela tiden.

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

sedan ställer jag in bilden med

  document["pic1"].src = searchPic;

eller

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

Men bilden ställs aldrig in korrekt i FireBug när jag frågar efter bilden får jag [object HTMLImageElement] som src för bilden

I IE får jag:

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

Svar #1

Du bör ställa in src med detta:

document["pic1"].src = searchPic.src;

eller

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

Svar #2

Ren JavaScript för att skapa img-tagg och lägga till attribut manuellt,

var image = document.createElement("img");
var imageParent = document.getElementById("body");
image.id = "id";
image.className = "class";
image.src = searchPic.src;            // image.src = "IMAGE URL/PATH"
imageParent.appendChild(image);

Sätt src i pic1

document["#pic1"].src = searchPic.src;

eller med getElementById

document.getElementById("pic1").src= searchPic.src;

j-Query för att arkivera detta,

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

Relaterade artiklar