Javascript set img src

Question

J'ai probablement raté quelque chose de simple, mais c'est assez ennuyeux quand tout ce que vous lisez ne fonctionne pas. J'ai des images qui peuvent être dupliquées plusieurs fois au cours d'une page générée dynamiquement. La chose la plus évidente à faire est donc de les précharger et d'utiliser cette seule variable comme source en permanence.

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

puis j'ai défini l'image en utilisant

  document["pic1"].src = searchPic;

ou

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

Cependant, l'image n'est jamais définie correctement dans FireBug ; lorsque j'interroge l'image, j'obtiens les résultats suivants [object HTMLImageElement] como el src de l'image

Dans IE, j'obtiens :

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

Answer 1

Vous n'avez pas besoin de construire une nouvelle image... l'attribut src prend simplement une valeur de type chaîne :-)

Answer 2

Vous devez définir

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

Le searchPic lui-même est votre Image(), vous devez lire le src que vous avez défini.

Answer 3

Votre propriété src est un objet car vous définissez l'élément src comme étant l'image entière que vous avez créée en JavaScript.

Essayez

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

Answer 4

Wow ! quand vous utilisez src puis src de searchPic doit également être utilisé.

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

semble mieux

Answer 5

Si vous utilisez WinJS vous pouvez modifier le src à travers le Utilities fonctions.

WinJS.Utilities.id("pic1").setAttribute("src", searchPic.src);