Javascript 在我的幻灯片中添加下一步按钮

我想添加一个下一步按钮到这个脚本，而不是让它改变图像的时间间隔。我该怎么做呢

代码如下：

<script src="viewimages.php"></script>

<script type="text/javascript">

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}

window.onload=function(){
    setInterval("rotateimages()", 4500)
}
</script>

<div style="width: 500px; height: 500px">
<img style="width: 100%; height: 100%;" id="slideshow" src="boston1.JPG" />
</div>

var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg删除此项：

window.onload=function(){
    setInterval("rotateimages()", 4500)
}

并在HTML中添加一个按钮：

<button onclick="rotateimages()">Next</button>

下一步
删除此项：

window.onload=function(){
    setInterval("rotateimages()", 4500)
}

并在HTML中添加一个按钮：

<button onclick="rotateimages()">Next</button>

下一步
做一个这样的按钮

 <button onclick="rotateimages()">Next</button> 

从您的javascript

整个代码如下所示

<script src="viewimages.php"></script>    
<script type="text/javascript">

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}

</script>

<div style="width: 500px; height: 500px">
    <img style="width: 100%; height: 100%;" id="slideshow" src="boston1.JPG" />
</div>
<button onclick="rotateimages()">Next</button>


var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg制作一个这样的按钮

 <button onclick="rotateimages()">Next</button> 

从您的javascript

整个代码如下所示

<script src="viewimages.php"></script>    
<script type="text/javascript">

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}

</script>

<div style="width: 500px; height: 500px">
    <img style="width: 100%; height: 100%;" id="slideshow" src="boston1.JPG" />
</div>
<button onclick="rotateimages()">Next</button>


var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg您将需要停止并重新启动间隔。创建一个方法来完成此操作更容易。只需像times那样调用rotateimages。如果不需要间隔，只需放弃restartInterval方法

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}

var _timer;
function restartInterval() {
    if(_timer) window.clearInterval(_timer);
    _timer = setInterval(rotateimages, 4500)
}

function next() {
    restartInterval();
    rotateimages();
}


window.onload=function(){
    restartInterval();
}

var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg您将需要停止并重新启动间隔。创建一个方法来完成此操作更容易。只需像times那样调用rotateimages。如果不需要间隔，只需放弃restartInterval方法

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}

var _timer;
function restartInterval() {
    if(_timer) window.clearInterval(_timer);
    _timer = setInterval(rotateimages, 4500)
}

function next() {
    restartInterval();
    rotateimages();
}


window.onload=function(){
    restartInterval();
}

var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg您可以通过按钮和onclick事件来实现这一点。
使用您自己的rotateimage函数，并使用onclick将其添加到html按钮中。该按钮可能类似于：

<button onclick="rotateimages()">Next</button>

下一步

您的孔代码：

<script type="text/javascript">

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}
</script> 

<!-- Your new button -->
<button onclick="rotateimages()">Next</button>


<div style="width: 500px; height: 500px">
<img style="width: 100%; height: 100%;" id="slideshow" src="boston1.JPG" />
</div>


var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg
您可以通过按钮和onclick事件来实现这一点。
使用您自己的rotateimage函数，并使用onclick将其添加到html按钮中。该按钮可能类似于：

<button onclick="rotateimages()">Next</button>

下一步

您的孔代码：

<script type="text/javascript">

var curimg=0
function rotateimages(){
    document.getElementById("slideshow").setAttribute("src", ""+galleryarray[curimg])
    curimg=(curimg<galleryarray.length-1)? curimg+1 : 0
}
</script> 

<!-- Your new button -->
<button onclick="rotateimages()">Next</button>


<div style="width: 500px; height: 500px">
<img style="width: 100%; height: 100%;" id="slideshow" src="boston1.JPG" />
</div>


var curimg=0
函数rotateimages（）{
document.getElementById（“幻灯片放映”）.setAttribute（“src”，“”+galleryarray[curimg]）
curimg=（curimg