Javascript 在带有图像URL链接的帖子中自动调整图像大小？

这将用于我的社区网站论坛，一些用户在其中发布非常大的图片文章

我可以使用下面的代码自动调整图像大小

#post img {
    max-height: 1000px;
    max-width: 700px;
}

---

但还有一点，我希望在每个调整大小的图像上创建一个指向该图像URL的链接。因此，当访问者单击链接时，他们可以看到图像的实际大小。

当然，这不是问题。可以使用“位置：绝对”在图像上向上移动链接：

HTML

---

需要额外链接的原因是，绝对定位链接有一个相对定位的父链接。这会导致链接使用其父链接作为其坐标系，而不是文档。

您只需使用HTML即可：

<a href='image.jpg'><img src='image.jpg' alt='image'></a>

当用户点击图像时，它会将他们带到原始的全尺寸图像

#post .img {
   position: relative;
}

#post img {
   max-height: 1000px;
   max-width: 700px;

   position: relative;
   z-index: 1;
}

#post a.full-size {
   position: absolute;
   z-index: 2;

   /* Change this to move the link around */
   top: 0px;
   left: 0px;
}

<a href='image.jpg'><img src='image.jpg' alt='image'></a>