Javascript：生成元素中的onclick函数

Question

我正在尝试将onclick函数添加到生成的图像节点中。我希望在页面上显示一些图片（正在工作）以及点击的图片会增长并覆盖大部分页面。

我现在的问题是，增长的图片不是点击的图片，而是显示的最后一张图片。 我对函数的位置和函数本身进行了很多讨论，但我似乎无法使它工作。

function showGallery() {
  var div = document.getElementById("gallerydiv");
  for (i = 0; i < 11; i++) {
    var img = document.createElement("img");
    img.src = "img" + i + ".jpg";
    img.className = "galimg";
    img.id = "img" + i;
    img.onclick = function() {
      img.style.position = "absolute";
      img.style.width = "90%";
      img.style.top = "30%";
      img.style.height = "40%";
      img.style.left = "10%";
    };;
    div.appendChild(img);
  };
}