javascript更大的图像查看器

Question

我在浏览器上有一组小尺寸的图像。我想要做的是当我点击图像时，点击的图像的更大格式将显示在上面的div中。这是javascript代码。下面的代码显示了一个空图像。我该如何解决？我不希望jquery这样做。

//for images
var largeImageViewer = document.getElementById('large-image-viewer');
var smallImages = document.querySelectorAll('.small-images');

for(i = 0; i < smallImages.length; i++){
smallImages[i].addEventListener('click', function(event){
    if (event) {
    var img = document.createElement("img");
    img.style.width = 500 + "px";
    img.style.height = 500 + "px";
    img.src = smallImages.src;
    largeImageViewer.appendChild(img);
    };
});
}

Answer 1

在事件处理程序中，当前元素可以通过＆＃39;这个＆＃39;关键字。

img.src = this.src;