将变量 javascript 添加到用于旋转图像的链接中

Adding variable javascript to a link for rotating images

本文关键字：图像 链接 旋转 用于 变量 javascript 添加      更新时间：2023-09-26

我有4个不同的图像。这些图像会旋转。在每个图像上，我需要插入一个窗口.打开选项。 我想也许通过 id 找到它并更改点击会起作用。 只是链接到我所在的页面。以下是我的尝试。

<script type = "text/javascript">
          function displayNextImage() {
              x = (x === images.length - 1) ? 0 : x + 1;
              document.getElementById("img").src = images[x];
              //document.getElementById("mylink").href=links[x];
              document.getElementById("mylink").onclick=links[x];
          }
          function displayPreviousImage() {
              x = (x <= 0) ? images.length - 1 : x - 1;
              document.getElementById("img").src = images[x];
          }
          function startTimer() {
              setInterval(displayNextImage, 5000);
          }
          var images = [], x = -1;
          images[0] = "/img/bakedline.png";
          images[1] = "/img/cornchipline.png";
          images[2] = "/img/friedline.png";
          images[3] = "/img/tortillaline.png";
          var links = new Array();
          links[0] = "window.open('/foodprocessor/cornchipline', 'my_new_window','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=yes, width=625, height=400');";
          links[1] = "/foodprocessor/cornchipline";
          links[2] = "/foodprocessor/friedline";
          links[3] = "/foodprocessor/tortillachipline";

      </script>

.HTML

<div id="imgs">
                            <a href="" id="mylink" onclick=""  ><img id="img" src="/img/bakedline.png"  /></a>
                        </div>
您需要为

元素的 onclick 属性分配一个函数，而不仅仅是要打开的 url。像这样的东西;

document.getElementById("mylink").onclick=function() { window.open(links[x]); };

请参阅 GlobalEventHandlers.onclick

在

打开的窗口中打开一个文件夹

links[0] = "window.open('/foodprocessor/cornchipline' blah blah

尝试

links[0] = "window.open('/foodprocessor/cornchipline/index.php'

或者文件叫什么

相关文章：