javascript更大的图像查看器

时间:2015-02-15 16:51:19

标签: javascript html

我在浏览器上有一组小尺寸的图像。我想要做的是当我点击图像时,点击的图像的更大格式将显示在上面的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);
    };
});
}

1 个答案:

答案 0 :(得分:0)

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

img.src = this.src;