动态加载图像并附加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

您需要使用image对象 。 您的问题中没有描述如何计算六张图像。

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