js 简写：

来做个笔记 

单引号 放在判断前面，细节处理。    width设置一个，图片按照比列变化。

2-2 不使用预加载的纯js代码：

window.onload = showPic;
var imgs = ['img/banner.jpg',
        'img/pic01.jpg',
        'img/pic02.jpg',
        'img/pic03.jpg'],
index = 0,
len = imgs.length;
function showPic() {
var btns = document.getElementsByClassName("btn");
var place = document.getElementById("img");
for (var i=0; i < btns.length; i++) {
btns[i].onclick = function() {
var control = this.getAttribute("data-control");
"prev" === control ? index = Math.max(0, --index) : 
index = Math.min(len - 1, ++index);
document.title = (index + 1) + "/" + len;
place.setAttribute("src",imgs[index]);
}
}
}

当然，那数组imgs里面要换成你的各图片的src；文档结构和视频的一样。

一、Math.max(0, --index)，表示先index-1，再与0进行比较，取较大的那个值。

对应的有Math.min()方法。eg:Math.min(0, 1, 3, 5)，得到的是0。