Javascript 在自己的页面中打开包含信息的图像

我有一个上面有图片的页面。每个图像都有与之相关的信息，当单击图像时，我希望它在自己的页面（而不是新的选项卡或窗口）中打开，并在其周围显示一些相关信息

---

有没有一种方法可以做到这一点，我不必手动为每个图像制作页面？我正在处理一大组图片，所以自动化是关键。

像这样的事情？信息可以移动，根据需要设计样式

.info{display:none}
img:hover+.info{display:inline；}

这张照片太棒了
这张照片太棒了
这张照片太棒了
这张照片太棒了
这张照片太棒了
这张照片太棒了
这张图片是超级*强调文本*

可能类似于谷歌的图片？当点击一张图片时，让它展开并在右边显示一些关于它的信息，同时将其他图片推到下面或上面？听起来可以接受。你的建议是什么？看看这个@CanIHaveSomeChange，我会建议这样：当信息显示时，它看起来不在图片中。