Question

我有下一个代码：

<p>
    <img alt="" src="imagini/slide1.png" 
         style="height: 64px; width: 64px" id="imgClickAndChange"
         onclick="changeImage()" />
</p>


<script language="javascript">
function changeImage() {

    if (document.getElementById("imgClickAndChange").src == "imagini/slide1.png") 
    {
        document.getElementById("imgClickAndChange").src = "imagini/platform.png";
    }
    else 
    {
        document.getElementById("imgClickAndChange").src = "imagini/platform.png";
    }
}

</script>

即将图像（第1阶段）单击后转换为另一图像（第2阶段）。我想将第二个图像（阶段2）链接到index.php页面。我怎么做？有没有办法改变或干扰changeImage函数。

Answer 1

使用您已经拥有的else声明的if块来更改window.location。

function changeImage() {

    if (document.getElementById("imgClickAndChange").src.indexOf("imagini/slide1.png") !== -1) {
        document.getElementById("imgClickAndChange").src = "imagini/platform.png";
    } else {
         window.location = "index.php";
    }
}

Answer 2

您可以使用jQuery轻松地在第二张图片上附加点击事件。或者你可以在页面中有2个图像（一个单独，一个在链接内），然后隐藏并显示一个或另一个图像。

Answer 3

尝试这样的事情：

var myEl = document.getElementById("imgClickAndChange");
var parent = myEl.parentNode();
var link = document.createElement('a');

link.href = 'http://www.google.com';
link.appendChild(myEl);

parent.removeChild(myEl);
myEl.src = "imagini/platform.png";
parent.appendChild(link);

Answer 4

试试这个

function changeImage() {

   if (document.getElementById("imgClickAndChange").src == "imagini/slide1.png") 
   {
    document.getElementById("imgClickAndChange").src = "imagini/platform.png";
   }
   else 
   {
    document.location.href="index.php";
   }
}

JavaScript链接到另一个页面

4 个答案: