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

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>';

谢谢

score 0 · Accepted Answer

行情问题。整个 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(...)
}

1 回答 1