var index = 0;
var move_bol = false;
//添加小圆点的点击事件
for (var i = 0; i < span.length; i++) {
span[i].index = i;
span[i].onclick = function () {
if (move_bol) {return}
var before = index;
index = this.index;
changeSpan()
show(before)
}
//改变对应小圆点的颜色
function changeSpan() {
for (var i = 0; i < span.length; i++) {
span[i].className = "";//清空所有圆点的样式
}
if (index==5) {
var j=0
}else{
var j = index;
}
span[j].className = "select";
}
}
//下一张
rBtn.onclick = function () {
if(move_bol){return};
var before = index;
index++;
if (index>4) {
index=0;
inner.style.left = "0px";
}
show(before)
changeSpan()
}
//上一张
lBtn.onclick = function () {
if(move_bol){return};
var before = index;
index--;
if (index<0) {
index=4;
inner.style.left = "-2600px";
}
show(before)
changeSpan()
}
function show(before) {
var opacity = 0;
move_bol = true;
for (var i = 0; i < img.length; i++) {
if (before!=i) {
img[i].style.opacity = 0;
}
img[i].style.zIndex = 0;
}
img[index].style.zIndex = 1;
var timer = setInterval(function () {
opacity += 5;
if (opacity>=100) {
clearInterval(timer);
move_bol= false;
}
img[index].style.opacity = opacity/100;
},30)
}