动态加载图像并附加onload事件监听器

Question

我有一个加载图片的按钮。当用户点击它时，它需要最初带回6张图像，并提供加载更多图像的选项。我正在动态创建和其他必要的标签。我想为每个标签设置onload事件。这就是我到目前为止所拥有的。

image = getImageElement(100,150);
image.id = "imageId" + cIds[i] + "";
image.name = "imageId" + cIds[i] + "";
image.onload = function (){ alert('Hello');};

但是这个功能没有被调用。最终，此功能将负责恢复实际图像。并且每个图像块都将动态且独立地加载。

我们正在使用从普通JS到jQuery和DWR的各种javascript技术。所以使用任何风格的javascript的解决方案都很好。

谢谢。

Answer 1

您需要使用图像对象。你的问题中没有描述你如何考虑六张图片。

img = new Image();
img.id = "imageId" + cIds[i] + "";
img.name = "imageId" + cIds[i] + "";
img.onload = function (){ alert('Hello');};
img.src = "...some url...";