如何在新窗口中打开缩略图

Question

我目前正在尝试使用缩略图填充表格，该表格指向我服务器中的图像，并在单击时在各自的窗口中打开。

我可以用

echo '<td align="center"><a href="' . $big . $newFile . '" target="_blank"><img src="' . $images . $file . '" /></a></td>';         

哪个有效，但我希望调整新窗口的大小。我决定使用javascript，我有一个名为showImg的脚本来显示我的新窗口。缩略图显示，但当我鼠标悬停在缩略图上时，我无法使用onclick功能。任何线索？

以下代码是我正在尝试使用

echo '<td align="center"><img src="' . $images . $file .      '"onclick="showImg(this.src,400,400,"' . $big . $newFile . '");"></td>';

由于

Answer 1

行情问题。整个onclick和函数的参数都不能有双引号。

将PHP更改为：

echo '<td align="center"><img thumb="' . $big . $newFile . '" src="' . $images . $file .      '" onclick="showImg(this, 400, 400);"></td>';

然后在JavaScript中从元素本身获取图像源和缩略图：

function showImg(img, width, height) {
    var src = img.src;
    var thumb = img.getAttribute("thumb");
    //window.open(...)
}