Javascript 如何让滑块在单击范围时显示下一个或上一个

我使用的是bootstrap3和从头开始编写的组合

当我单击图像缩略图时，它们会执行它们应该执行的操作，但当我单击跨度箭头时，它不会转到下一个或上一个图像

代码如下：

var最大值=6；
var startpath=“imgs”
var extension=“.jpg”
函数calcslide（x）{
var currentimage=document.getElementById（“bigpic”）.src；
var dotat=currentimage.indexOf（扩展名）；
var stringnumber=currentimage.substr（dotat-2,2）；
var nextnum=parseInt（stringnumber）+x；
if（nextnum<1）{
nextnum=最大值；
}
如果（下一个>最大值）{
nextnum=1；
}
var twodigitnum=（“0”+nextnum）.slice（-2）；
var showimg=起始路径+twodigitnum+扩展；
showbig（showimg）；
}
函数showbig（图）{
document.getElementById（“bigpic”）.src=pic；
}

滑块{
文本对齐：居中；
}
#比格皮克{
高度：500px；
}
.拇指img{
高度：100px；
填充：20px 0 20px 0；
}

---

路径构造中缺少斜杠

/

和前缀

而不是：

 var showimg = startpath + twodigitnum + extension

我会尝试：

 var showimg = startpath + '/slider' + twodigitnum + extension