Question

我有6个按钮（（衬衫尺寸）和下面的显示窗口）。在下面的窗口中。显示了不同的图像每个按下的按钮。这部分我想通了。

现在我要添加的是对于显示的每个图像，使图像成为打开另一个链接的链接每个法师。

例如纽扣适用于SM-XXXL尺寸的衬衫当您点击尺寸时，可以说是中等，弹出图片说 “不喜欢我们的中号衬衫”和 “点击这里购买中号衬衫” 我想为每个图像分配不同的链接，所以单击图像时中型衬衫的链接，等

这是我到目前为止可供选择的图像：

使用此HTML，所有图像都将移至相同位置，而不是不同位置：

<a href="https://www.goggle.com"><img id="myImage" onclick="changeImage()" src="image1.jpg" style="width: 100%;" /></a>

<script>
    function changeImage(click_id) {
        var image = document.getElementById('myImage');
        var img1 = document.getElementById('1');
        var img2 = document.getElementById('2');
        var img3 = document.getElementById('3');
        var img4 = document.getElementById('4');
        var img5 = document.getElementById('5');
        var img6 = document.getElementById('6');

        if (click_id == 1 ) {
            image.src = "Image1.jpg";
        } 
        else if (click_id == 2) {
            image.src = "Image2.jpg";
        }
        else if (click_id == 3) {
            image.src = "Image3.jpg";
        }
        else if (click_id == 4) {
            image.src = "image4.jpg";
        }
        else if (click_id == 5) {
            image.src = "image5.jpg";
        }
        else if (click_id == 6) {
            image.src = "image6.jpg";
        }
        else
        {
        }
    }
</script></a></p>

ChangeImage（）图像可转到不同的链接

0 个答案: