向幻灯片、HTML 和 Javascript 添加按钮 [关闭]答案

【问题标题】：Adding Buttons to slide, HTML and Javascript [closed]向幻灯片、HTML 和 Javascript 添加按钮 [关闭]
【发布时间】：2015-10-12 10:17:31
【问题描述】：

我找到了以下code

如何以添加按钮的形式调整此代码以在幻灯片中前进和后退。

【问题讨论】：

欢迎来到 Stack Overflow。我们很乐意为您提供帮助。为了提高您获得答案的机会，以下是一些提示：How do I ask a good question?

标签： javascript html

【解决方案1】：

解释：

向前滑动：

使用以下 onclick 事件创建一个按钮

<button onclick="slideit()">forward</button>

如果您不希望幻灯片每两半秒更改一次，只需将 // 放在该行之前：

setTimeout("slideit()",2500);

或删除它。

向后滑动：

<button onclick="slideback()">back</button>

向后滑动功能：

var numSlides = ;

function slideback() {
   document.images.slide.src = eval("image"+step+".src");
   if (step > 1) {
      step--;
   }
   else {
      step=numSlides;
   }

}

您需要将numSlides 设置为您拥有的幻灯片数。

总结：

HTML：

<button onclick="slideback()">back</button>    
<button onclick="slideit()">forward</button>

脚本：

var numSlides = ;
var autoplay= ;

function slideback() {
   document.images.slide.src = eval("image"+step+".src");
   if (step > 1) {
      step--;
   }
   else {
      step = numSlides;
   }

}

function slideit() {
   var step=1;
   document.images.slide.src = eval("image"+step+".src")
   if (step < numSlides) {
      step++
   }
   else {
      step = 1
   }
   if (autoplay == true) {
   setTimeout("slideit()",2500)
   }
}

将自动播放设置为 true/false 以进行自动播放，将 numSlides 设置为您的幻灯片数

【讨论】：