HTML / JavaScript：所有图片点击在新页面中打开答案

【问题标题】：HTML / JavaScript: All images click open in new pageHTML / JavaScript：所有图片点击在新页面中打开
【发布时间】：2014-12-01 06:47:42
【问题描述】：

我有一个 LAMP 驱动的数据库，可以生成大量带有图像的 php 驱动的网页。图像在主页上被缩小为缩略图。

我想创建一个 HTML / JavaScript / PHP 方法或代码，基本上使每张图片都可以点击，如果点击它，图片会在“_blank”窗口中以全尺寸打开。我不想为每个可能的图像都创建此代码，但如有必要，可以这样做。

这相当于 Chrome 中右键单击图像并选择“在新标签中打开图像”的操作

有什么办法吗？

【问题讨论】：

是的，有可能。如果您尝试过，请在此处发布您的代码。

标签： html image png jpeg thumbnails

【解决方案1】：

在php中，你可以做这样的事情。

<?php
$images = Array('one.png','two.png','three.png');
foreach ($images as $k=>$v) {
    echo '<a target="_blank" href="'.$v.'">';
    echo '<img class="image" src="'.$v.'" />';
    echo '</a>';
}
?>

【讨论】：