添加按钮以滑动，HTML和Javascript

Question

我找到了以下code

如何在幻灯片中添加按钮以向前和向后调整此代码。

Answer 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设置为幻灯片数量