Question

我想要做的是让我点击它们时使用链接到网站的每个图像。图像随着setinterval（）方法和函数changeimage（）不断变化。我有一些html和一些javascript代码：
HTML：

<!DOCTYPE html>
<html>
<head>
    <link REL="STYLESHEET" TYPE="TEXT/CSS" HREF="STYLES.css">
    <title>KURIA SELIDA</title>
    <meta charset="utf-8">

</head>
<body>
<table class="tablearxikhs">
    <tr>
        <td></td>
        <td class="tdarxikhs" STYLE="font-size:150%;"><a href="selidakataxwrhsewn.html"> ΚΑΤΑΧΩΡΗΣΕΙΣ </a></td>
        <td class="tdarxikhs"><a href="kuriaselida.html"><h1>ΤΑΞΙΔΙΩΤΙΚΟ ΓΡΑΦΕΙΟ </h1></a></td>
        <td class="tdarxikhs" style="font-size:150%;"><a href="selidaepikoinwnias.html">ΕΠΙΚΟΙΝΩΝΙΑ</a></td>
    </tr>
</table>
<h2 style="text-align: center; ">Κορυφαίοι Προορισμοί Για το 2017-2018</h2>
<center><img id="myimages" src="kalabruta1.jpg" height="230" width="600"></center>
<br><br>
The JS part:
<br><br>

<script>
    var image = document.getElementById("myimages");
    var images = ["kalabruta1.jpg", "metewra1.jpg", "naxos11.gif", "metewra2.jpg", "kalabruta2.jpg", "naxos2.jpg"];
    var i = 0;

    function changeimage() {

        if (++i >= images.length) i = 0;
        image.src = images[i];


        images[i].onclick = imglink;

    }

    setInterval(changeimage, 3000);

    function imglink() {
        window.location.href = 'https://www.google.gr/';
    }
</script>

为了让图片链接到某个网站，我尝试了什么却无法正常工作。有人可以提供帮助吗？

Answer 1

我不明白你的代码的逻辑，但是，这是我的建议：

此行images[i].onclick = imglink;正在使用images[i]并且这是不正确的，因为您正在获取String对象，而是需要将此行替换为：image.onclick = imglink;才能应用onclick事件到图像。

<script>
    var image = document.getElementById("myimages");
    var images = ["kalabruta1.jpg", "metewra1.jpg", "naxos11.gif", "metewra2.jpg", "kalabruta2.jpg", "naxos2.jpg"];
    var i = 0;

    function changeimage() {
        if (++i >= images.length) i = 0;
        image.src = images[i];
        image.onclick = imglink;
    }

    setInterval(changeimage, 3000);

    function imglink() {
        window.location.href = 'https://www.google.gr/';
    }
</script>

如何使用javascript将图像链接到不同的页面

1 个答案: