html - 在新窗口中放大图像？

Question

我只是快速搜索了我的问题，但找不到任何直接相关的内容。

我对 HTML 还是很陌生，想知道是否有人可以告诉我如何将图片添加到我的网站并设置代码，以便在我单击它时在新窗口中放大图片。

我将向我的网站添加大约 600 多张图片，所以我也想知道是否有一种方法可以一次编写代码并将其应用于我添加的所有图片。

提前致谢，- 丹尼 B.

Answer 1

有很多方法可以做到这一点。用于插入带有指向新窗口的链接的图像的基本 HTML 将是:

<a href="enlarged.html" target="_blank">
     <img src="photos/photo-name.jpg" />
</a>

但如果您希望能够动态显示大量照片，那就有点复杂了。如果您想自己编写代码，则需要研究使用 PHP 之类的工具自动为 600 多张图像输出 HTML 代码。然后，与其将每个链接指向一个新页面，不如考虑以一种很酷的方式加载图像，例如其他一些答案建议的 javascript lightbox/colorbox。

一种可能的替代解决方案是寻找一些预先创建的相册脚本。我对这些没有任何经验，所以我会让其他人对此提出一些建议。