0

我已经尝试了很多不同的方法来写出来，并以不同的方式获取我的新图像 URL，但似乎没有任何效果。我只想在您单击其他图像时能够更改图像。当页面加载时，我将初始图像设置为隐藏，直到您按下按钮查看它。在您按下按钮之前，我无法显示图像，因为它是一种可定制的产品类型。'addEventListener' 中的所有内容都在接受图像更改，这是我的代码 - 我声明的所有变量都是嵌套在 div 中的图像元素，接受顶部的布尔值，我还没有使用。就像问题说的那样，我正在自定义代码部分的 webflow 中工作。谢谢你的帮助！

<script>

// THESE DID NOT WORK

// layer1.src = "new image url";
// layer1.setAttribute('src', 'new image url');

let layer1isAv = true;
let layer2isAv = true;
let layer3isAv = true;
let layer4isAv = true;
let layer5isAv = true;

let layer1 = document.getElementById("layer1");
let layer2 = document.getElementById("layer2");
let layer3 = document.getElementById("layer3");
let layer4 = document.getElementById("layer4");
let layer5 = document.getElementById("layer5");

let doubleNotched = document.getElementById("doubleNotchedImage");
let doubleSharp = document.getElementById("doubleSharpImage");
let doubleStraight = document.getElementById("doubleStraightImage");
let duoNotched = document.getElementById("duoNotchedImage");
let duoSharp = document.getElementById("duoSharpImage");
let duoStraight = document.getElementById("duoStraightImage");
let classicNotched = document.getElementById("classicNotchedImage");
let classicSharp = document.getElementById("classicSharpImage");
let classicStraight = document.getElementById("classicStraightImage");
let classicCurved = document.getElementById("classicCurvedImage");


// Double notched image clicked => changes 'lastSelected' and runs main function

doubleNotched.addEventListener('click', (event) => {
    alert("clicked double notched");
    showSelected();
});


// Main function that changes the images

function showSelected() {
// this is working
layer1.style.display = "inline-block";
// this is not
layer1.src = "file:///Users/nicholasmoore/Desktop/enmo/main%20workbench%20image%20files/RENDERS/oliveDoubleNotchedInside.png";
//layer1.src = "https://uploads-ssl.webflow.com/5f60781680444b714c653f8b/5faf1a4817630673a3e47368_whiskeyDoubleNotchedInside.png";
};

</script>
4

0 回答 0