이미지를 자바 스크립트로 다른 페이지에 연결하는 방법

-1

내가하고 싶은 일은 이미지를 클릭 할 때 링크를 사용하여 각 이미지를 가져 오는 것입니다. 이미지는 setinterval() 메소드로 계속 변경되고 기능 changeimage() 나는 어떤 HTML과 약간의 자바 스크립트 코드가 있습니다.
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>

누군가가 도움이 work..Can 사이트 나던에 링크를?

이

images[i].onclick = imglink;이 images[i]을 사용하고 String 객체를 받고 있기 때문에 그 잘못의이 줄은 대신 해당 라인을 교체해야합니다 : 나는 코드의 논리를 이해하지 못하는

출처

2017-12-31 dimpap

각 이미지를 앵커 태그로 묶는 것이 어떨까요? – Paul

아직 JS에 익숙하지 않아서 앵커 태그가 무엇인지 알지 못하기 때문에 나는 google에 올릴 것입니다. – dimpap

그러나,이 내 제안이다 이미지에 onclick 이벤트를 적용하려면 image.onclick = imglink;을 사용하십시오.

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

출처

2017-12-31 01:39:36 Ele

이미지를 자바 스크립트로 다른 페이지에 연결하는 방법

답변

관련 문제