Javascript 如何为image1和image2添加链接_Javascript

Javascript 如何为image1和image2添加链接

javascript

Javascript 如何为image1和image2添加链接,javascript,Javascript,函数displayNextImage（）{ x=（x==images.length-1）？0:x+1； document.getElementById（“img”）.src=images[x]； } 函数displayPreviousImage（）{ x=（x不是最好的方法，但这非常简单，是您进行改进的良好起点。我不确定你想要链接做什么，所以剩下的就由你来解决了，除非你得到更多关于你想要这个链接显示为什么以及你想要它做什么的信息如果你不明白我做了什么/添加了什么，那么请阅读我在你问题中的评论

函数displayNextImage（）{
x=（x==images.length-1）？0:x+1；
document.getElementById（“img”）.src=images[x]；
}
函数displayPreviousImage（）{
x=（x不是最好的方法，但这非常简单，是您进行改进的良好起点。
我不确定你想要链接做什么，所以剩下的就由你来解决了，除非你得到更多关于你想要这个链接显示为什么以及你想要它做什么的信息
如果你不明白我做了什么/添加了什么，那么请阅读我在你问题中的评论文章
<html>
   <head>
      <title>change picture</title>
      <script type = "text/javascript">
          function displayNextImage() {
              x = (x === images.length - 1) ? 0 : x + 1;
              document.getElementById("img").src = images[x];
            document.getElementById("Links").innerHTML=links[x];
          }

          function displayPreviousImage() {
              x = (x <= 0) ? images.length - 1 : x - 1;
              document.getElementById("img").src = images[x];
            document.getElementById("Links").innerHTML=links[x];
          }

          function startTimer() {
              setInterval(displayNextImage, 3000);
          }

          var images = [], x = -1;
          images[0] = "http://i.stack.imgur.com/IehB7.png";
images[1] = "http://untroubled.org/backgrounds/space/stars.gif";
        var links = [];
        links[0]="Link One";
        links[1]="Link Two";
      </script>
   </head>

   <body onload = "startTimer()">
       <img id="img" src="startpicture.jpg">
     <span id="Links"></span>
          </body>
</html>


改变形象
函数displayNextImage（）{
x=（x==images.length-1）？0:x+1；
document.getElementById（“img”）.src=images[x]；
document.getElementById（“Links”）.innerHTML=Links[x]；
}
函数displayPreviousImage（）{
这个可以吗
<html>
  <head>
    <title>change picture</title>
  </head>

  <body>
    <a id="img-link" href="startpicture.jpg">
      <img id="img" src="startpicture.jpg">
    </a>

    <script type = "text/javascript">
      var images = ["img.png", "img.bmp"], x = -1;
      var imageElem = document.getElementById("img");
      var imageAnchor = document.getElementById("img-link");
      function displayNextImage() {
        x = (x === images.length - 1) ? 0 : x + 1;
        var imagePath = images[x];
        imageElem.src = imagePath;
        imageAnchor.href = imagePath;
      }

      function displayPreviousImage() {
        x = (x <= 0) ? images.length - 1 : x - 1;
        var imagePath = images[x];
        imageElem.src = imagePath;
        imageAnchor.href = imagePath;
      }

      function startTimer() {
        setInterval(displayNextImage, 3000);
      }
      document.addEventListener("DOMContentLoaded", function(e) {
        startTimer();
      });
    </script>
  </body>
</html>


改变形象
var images=[“img.png”，“img.bmp”]，x=-1；
var imageElem=document.getElementById（“img”）；
var imageAnchor=document.getElementById（“img链接”）；
函数displayNextImage（）{
x=（x==images.length-1）？0:x+1；
var imagePath=images[x]；
imageElem.src=imagePath；
imageAnchor.href=imagePath；
}
函数displayPreviousImage（）{
x=（x您的链接url是什么？我不确定您要的是什么。您可能应该在脚本部分的末尾启动计时器：window.onLoad=startTimer（）；
，而不是您可以创建一个新数组，让第一个数组=第一个图像的链接，第二个图像的第二个数组。添加数组[x]我想发布一个这样的方法，但我不确定这个“链接”是否是图片链接还是页面链接。我喜欢你清理Javascript，我很懒。啊，我可能会误读。在他的问题形成后，我会很快删除我的帖子。谢谢你的通知！