动态加载图像并附加加载事件列表器

Loading images dynamically and attach onload event listner

本文关键字：加载 事件 列表 图像 动态      更新时间：2023-09-26

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

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

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

我们正在使用各种JavaScript技术，从普通JS到jQuery和DWR。因此，使用任何风格的javascript的解决方案都可以。

谢谢。

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

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