使用JS和PHP更改弹出窗口背景图像

Question

我有一个JS函数：

function zoom(now) {
document.getElementById("popup").style.display = "block";
document.getElementById("photos").style.backgroundImage = "url('" +    now + "')";
}

我已经在php中回显了它，它具有onclick功能

echo 
"<td style='background: url(" . $row['thumbnails'] . ")' onclick='zoom(" . $row['imagelink'] . ")'></td>";

所以说

Uncaught SyntaxError: Unexpected token ILLEGAL.

当我只在PHP中放置1.jpg而不是imagelink时，它可以工作。 但不能使用$ row ['imagelink']。 我绝对需要更改背景图片，所以如果有人可以帮助或仅在JS，PHP，HTML中给我其他选项，请提供。 谢谢

Answer 1

您在php中缺少引号，因此它会生成无效的HTML

echo '<td style="background: url(' . $row['thumbnails'] . ')" onclick="zoom(\'' . $row['imagelink'] . '\')"></td>';

Answer 2

我假设$ row ['imagelink']变量包含一个文件名字符串，例如'file.jpeg'。 当在PHP中回显时，HTML onclick属性将为

file.jpeg周围的引号丢失了，因此PHP应该是：

"<td style='background: url(" . $row['thumbnails'] . ")' onclick='zoom(\"" . $row['imagelink'] . "\")'></td>";