我想创建一个函数,将 url 设置为照片,然后使用该照片更改所选 div 的背景图像。
function changePhoto(id) {
var y = document.getElementById("baza_big_photo");
y.style.display = "block";
var z = '"' + "url(" + "'" + "./assets/min_images/" + id + ".jpg" + "'" + ")" + '"';
y.style.backgroundImage = z;
console.log(z);
}
例如,我发送 tn_baza01(照片名称)作为参数,但图像没有显示在我更大的 div 中 :(
我有 20 个具有不同 ID 的小 div 和一个大的在上面。当我点击小图片时,它应该将更大的 div background-image 更改为该图片。
最佳答案
您不应该将 url(..)
包装在 "
所以改成
var z = "url('./assets/min_images/" + id + ".jpg')";
应该解决问题
关于javascript - 功能改变图像不起作用,为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41666752/