焦点轮播图（4） 按钮切换

之前实现了箭头切换，现在来添加按钮切换。在点击按钮时，直接切换到对应的图片。

下面来为小圆点按钮添加点击事件：

//为小圆点添加点击事件
				for(var i =0; i <buttons.length; i++){
					buttons[i].onclick = function(){
						//判断如果点击对应以打开图片，退出函数
						if(this.classname == 'on'){
							return;
						}
						//获取自定义或动态属性
					   var myindex = parseInt(this.getAttribute('index'));
					   var offset = -600 * (myindex - index);
					   
					   change(offset);
					   index = myindex;
					   showButton();
					}
				}

**直接切换时，也即直接改变left值，那么就要先计算中间的偏移量。**比如第2张切换到第5张：
偏移量 = （5 - 2）*（-600）
通过change函数传递偏移量。

myindex获取当前图片index值，自定义属性用getAttribute（）来获取。取到目标值后，还需要把当前的index更新

最后如果点击的是当前所显示图片的小圆点，那么直接退出该函数，不用重新执行语句。