Wie man Bilder auf verschiedene Seiten verlinken kann mit Javascript

-1

Was ich tun möchte, ist jedes der Bilder, die ich benutze Link zu einer Website, wenn ich auf sie klicken. Die Bilder ändern sich mit der Methode setinterval() und der Funktion Changeimage() ich habe einige html und einige Javascript-Code.
HTML:Wie man Bilder auf verschiedene Seiten verlinken kann mit Javascript

<!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>

Was ich damit versucht haben, die Bilder zu haben, einen Link zu einer Website tut work..Can jemand helfen?

Quelle

2017-12-31 dimpap

Warum nicht einfach jedes Bild in einem Anker-Tag verpacken? – Paul

Ich werde es googlen, weil ich noch neu in JS bin und ich weiß nicht einmal, was ein Anchor-Tag ist. – dimpap

ich nicht die Logik des Codes verstehen, aber das ist mein Vorschlag:

Diese Linie images[i].onclick = imglink;images[i] verwendet, und das ist falsch, weil Sie String-Objekte sind immer, stattdessen müssen Sie diese Zeile ersetzen mit diesem: image.onclick = imglink; um das onclick-Ereignis auf das Bild anzuwenden.

<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>

Quelle

2017-12-31 01:39:36 Ele

Wie man Bilder auf verschiedene Seiten verlinken kann mit Javascript

Antwort

Verwandte Themen