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

时间:2015-07-03 11:54:53

标签: javascript php

我有一个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 [&#39; imagelink&#39;]。我绝对需要更改背景图片,所以如果有人可以帮助或给我一个不同的JS,PHP,HTML选项。谢谢

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

缺少file.jpeg周围的引号,因此PHP应为:

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