我有以下代码:
function makeImgsDynamic()
{
// Find all elements of class 'dynamic_image'
// Set the onclick event for all these images
var arrayOfImages = document.getElementsByClassName("dynamic_image");
for (i = 0; i < arrayOfImages.length; i++) {
// get the path the image is pointing towards
var path = arrayOfImages[i].getAttribute("src");
// when clicked, display the overlay, with an image located at the same path
arrayOfImages[i].addEventListener("click", function(){temp(path);}, false);
}
};
和
function temp(path)
{
alert(path);
};
此代码的目的是帮助在点击时构建典型的放大图片。特征。然而,当我实现它时,我注意到它不断扩大相同的图像,而不是实际点击的图像。这段代码是最简单的版本,仍然存在这个问题。无论点击的实际图像如何,警报消息始终显示相同的URL。
如何更改此行为? 请注意,我不想使用JQuery。
亲切的问候, 里斯