点击图片上的幻灯片

Question

现在，我有一个常规的幻灯片放映，当您单击>按钮时，该幻灯片将转到下一张图片。

我正在搜索一个代码，当您单击图像本身时，该图像可使图像跳至下一幅图像，因此是一种无按钮的幻灯片显示。

有人可以帮我吗？我似乎找不到一个可靠的代码。

    plt.plot(xData, yData, ..., label=str())

var slideIndex = [1,1,1];
var slideId = ["mySlides1", "mySlides2", "mySlides3"]
showDivs(1, 0);
showDivs(1, 1);
showDivs(1, 2);

function plusDivs(n, no) {
  showDivs(slideIndex[no] += n, no);
}

function showDivs(n, no) {
  var i;
  var x = document.getElementsByClassName(slideId[no]);
  if (n > x.length) {slideIndex[no] = 1}
  if (n < 1) {slideIndex[no] = x.length}
  for (i = 0; i < x.length; i++) {
    x[i].style.display = "none";
  }
  x[slideIndex[no]-1].style.display = "block";
}

Answer 1

将plusDivs（1，0）函数添加到每个div的onclick上，或者编写自定义代码，以便在单击“ mySlides1”类时单击它来执行plusDivs（1，0）函数。因此，基本上，单击幻灯片将​​执行与“下一步”按钮相同的操作。