Change Popup background Image with JS and PHP

Question

I have a JS Function:

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

And I have echoed in php, which has onclick function

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

So it says

Uncaught SyntaxError: Unexpected token ILLEGAL.

When I put just 1.jpg in php instead of imagelink it works. but not with $row['imagelink']. I absolutely need to change background image, so please if anyone can help or give me a different option in JS, PHP, HTML only. Thank you

Answer 1

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

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

Answer 2

I assume the $row['imagelink'] variable contains a filename string, eg 'file.jpeg'. When echoed in PHP, the HTML onclick attribute would be

The quotes around file.jpeg are missing, so the PHP should be:

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