Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/arduino/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以创建一个HTML幻灯片,在其中命名div,而不是通过数字引用它们?_Javascript_Html - Fatal编程技术网

Javascript 是否可以创建一个HTML幻灯片,在其中命名div,而不是通过数字引用它们?

Javascript 是否可以创建一个HTML幻灯片,在其中命名div,而不是通过数字引用它们?,javascript,html,Javascript,Html,我正试着制作一个类似的幻灯片 除了我还有很多幻灯片。我也有单独的按钮,带你到一个特定的幻灯片。因此,如果我这样做:onclick=“currentDiv(5)”然后在开头添加幻灯片,按钮将转到错误的幻灯片。我正在寻找一种类似这样的方法:onclick=“currentDiv(forrest)” 编辑: 对不起,我太宽了。我会试着详细说明。我目前正在学习html,并尝试边学习javascript、css和php。但是我还没有学到足够的知识来改变我现有的脚本来实现这一点。我会尽量说得更具体一点。我有

我正试着制作一个类似的幻灯片

除了我还有很多幻灯片。我也有单独的按钮,带你到一个特定的幻灯片。因此,如果我这样做:
onclick=“currentDiv(5)”
然后在开头添加幻灯片,按钮将转到错误的幻灯片。我正在寻找一种类似这样的方法:
onclick=“currentDiv(forrest)”

编辑:

对不起,我太宽了。我会试着详细说明。我目前正在学习html,并尝试边学习javascript、css和php。但是我还没有学到足够的知识来改变我现有的脚本来实现这一点。我会尽量说得更具体一点。我有一堆幻灯片。我添加了按钮,可以将您带到特定幻灯片。我有一个按钮,可以让你进入幻灯片7。问题是,如果我添加一张新幻灯片,比如在位置3,它会使其他幻灯片混乱。旧幻灯片6现在是7。所以我的按钮指的是新位置7处的旧幻灯片6。按钮不知道幻灯片7移动到了8。如果我可以像onclick=“currentDiv(forrest)”那样做,那么订单是否改变也无关紧要

帮我解决了这个问题。我只是把答案贴在这里,以备将来参考,并标记它已解决。谢谢你,克里斯

这里有一把小提琴:(也是:是的,这显然是可能的。这很简单。答案是学习JavaScript,而不是从W3学校复制粘贴脚本)

HTML:


森林
Javascript:

function currentDiv(n) {
  if (isNaN(n)) {
    var slides = document.getElementsByClassName("mySlides");
    var found = 0;
    for (var i = 0; i < slides.length; i++) {
      if (slides[i].getAttribute("name") == n) {
        found = i + 1;
        break;
      }
    }
    if (!found) return;
    n = found;
  }
  showDivs(slideIndex = n);
}

function showDivs(n) {
  alert("showing slide " + n);
}
函数currentDiv(n){
if(isNaN(n)){
var slides=document.getElementsByClassName(“mySlides”);
var=0;
对于(变量i=0;i
帮我解决了这个问题。我只是把答案贴在这里,以备将来参考,并标记它已解决。谢谢你,克里斯

这里有一把小提琴:(也是:是的,这显然是可能的。这很简单。答案是学习JavaScript,而不是从W3学校复制粘贴脚本)

HTML:


森林
Javascript:

function currentDiv(n) {
  if (isNaN(n)) {
    var slides = document.getElementsByClassName("mySlides");
    var found = 0;
    for (var i = 0; i < slides.length; i++) {
      if (slides[i].getAttribute("name") == n) {
        found = i + 1;
        break;
      }
    }
    if (!found) return;
    n = found;
  }
  showDivs(slideIndex = n);
}

function showDivs(n) {
  alert("showing slide " + n);
}
函数currentDiv(n){
if(isNaN(n)){
var slides=document.getElementsByClassName(“mySlides”);
var=0;
对于(变量i=0;i
基本上有多种方法可以实现这一点。就目前而言,这个问题太广泛了。这里有一个小问题:(同时:是的,这显然是可能的。它很琐碎。答案是学习JavaScript,而不是从w3schools复制粘贴脚本)@ChrisG作为一个注释:尽管它可以工作,
name
不是
img
元素的有效属性。基本上可以通过多种方式实现。就目前而言,这个问题太广泛了。这里有一个小问题:(另外:是的,这显然是可能的。它很琐碎。答案是学习JavaScript,而不是从w3schools复制粘贴脚本)@ChrisG作为一个注释:尽管它可以工作,
name
对于
img
-元素来说不是一个有效的属性。