如何使按钮在幻灯片上显示随机图像答案

【问题标题】：How to make a button display random images on the slideshow如何使按钮在幻灯片上显示随机图像
【发布时间】：2021-03-10 21:03:02
【问题描述】：

我这里有一个简单的程序，它可以按顺序显示随机图像，有两个按钮可以让您从升序切换到降序。现在，我想实现一个随机按钮，该按钮将显示选择的随机图像，但我似乎无法弄清楚如何。以下是我的代码：

var images = [
  "1.jpg",
  "2.jpg",
  "3.jpg",
  "4.jpg",
  "5.jpg",
  "6.jpg",
  "7.jpg",
  "8.jpg"
];

var num = 0;

function next() {
  var slider = document.getElementById("slider");
  num++;
  if (num >= 8) {
    num = 0;
  }
  slider.src = images[num];
}


function prev() {
  var slider = document.getElementById("slider");
  num--;
  if (num < 0) {
    num = 7;
  }
  slider.src = images[num];
}

function random() {
  //where the code is supposed to be
}

<head>
  <title>Laboratory Exercise 7</title>
</head>

<body>
  <div>
    <button onClick="prev()"> &lt;--- </button>
    <img id="slider" SRC="1.jpg" width="200px" height="100px" />
    <button onClick="next()"> ---&gt; </button>
    <button onClick="random()"> Random </button>
  </div>
</body>

【问题讨论】：

这能回答你的问题吗？ random number js min max。只需获取一个随机索引并使用此索引显示图像

标签： javascript html image button

【解决方案1】：

有你的问题决定：

function random(min, max) {
  return Math.round(Number(min + Math.random() * (max - min)));
}

function random() {
  var slider = document.getElementById("slider");  
  slider.src = images[random(0, 7)];
}

第一个函数返回从 0 到 7 的随机数（数组中的所有图像），然后第二个函数设置随机数，如索引，并从具有该索引的数组中获取图像。

但您也可以像这样最小化您的代码，只需在每个函数之外取出滑块变量。

var slider = document.getElementById("slider");

希望对你有帮助！

【讨论】：

嗨。感谢您的协助和快速提问；我可以输入其中任何一个功能吗？
@StellarisGhost 你是什么意思？你是关于：你能在你的脚本中使用它吗？
对不起，我误读了您提供的详细信息。对不起嘿嘿
@StellarisGhost 没关系，对你有帮助吗？
不完全。它的功能不像我想要的那样