我可能遗漏了一些简单的东西,但当你读到的所有东西都不起作用时,这是相当恼人的。我的图片可能会在动态生成的页面过程中被复制很多次。因此,最明显的做法是预加载该变量,并始终使用该变量作为源。
var searchPic;
function LoadImages() {
searchPic = new Image(100,100);
searchPic.src = "XXXX/YYYY/search.png";
// This is correct and the path is correct
}
然后我使用以下命令设置图像
document["pic1"].src = searchPic;
或
$("#pic1").attr("src", searchPic);
但是,当我查询图像时,图像从未在FireBug中正确设置,我得到的是[object HTMLImageElement]
作为图像的src
在IE中,我得到:
http://localhost:8080/work/Sandbox/jpmetrix/[object]
发布于 2009-08-05 12:03:01
您应该使用以下命令设置src:
document["pic1"].src = searchPic.src;
或
$("#pic1").attr("src", searchPic.src);
发布于 2009-08-05 12:04:23
图像构造函数的实例不能在任何地方使用。您只需设置src
,图像preloads...and就是它,显示结束。您可以丢弃该对象并继续操作。
document["pic1"].src = "XXXX/YYYY/search.png";
才是你应该做的。您仍然可以使用图像构造函数,并在searchPic
的onload
处理程序中执行第二个操作。这可确保在实际img
对象上设置src
之前加载图像。
如下所示:
function LoadImages() {
searchPic = new Image();
searchPic.onload=function () {
document["pic1"].src = "XXXX/YYYY/search.png";
}
searchPic.src = "XXXX/YYYY/search.png"; // This is correct and the path is correct
}
发布于 2009-08-05 12:03:02
document["pic1"].src = searchPic.src
应该行得通
https://stackoverflow.com/questions/1232793
复制相似问题