今天完成的事情：学习了别人的轮播图代码并修改好适应task07，不过还没有完全学会。

明天计划的事情：完成task7开始task8,。

遇到的问题：

bootstrap还不是太了解，百度了一下是关于css的一种框架。

收获：

1.今天翻看了几个关于轮播图的代码，淡入淡出的那种没有详细了解，我了解的是左右移动式的。

第一种使用if来控制向左移动的距离来实现轮播，但是到最后一张与第一张衔接时效果很差，知乎上的解决办法没有看懂，但还是附上链接http://www.zhihu.com/question/37809744，我照着做了可是结果是最后只能停留在第一张图片，然后就不动了。

第二种使用两个数组存放图片，a数组存放正在播放和将要播放的图片，b数组存放等待上场的图片，通过不断地添加和删除数组的元素来实现循环，这样使用过渡来播放a数组就达到轮播效果，

附上地址：http://www.jb51.net/article/76669.htm

我将最后的按键点击播放改成使用setInterval函数循环加载并设置时间，然后就可以循环轮播了。

轮播效果：http://119.10.57.65/ptt002/css/images/slider.html

2.在别的轮播代码中看到innerHTML属性，它在JS是双向功能：获取对象的内容 或 向对象插入内容；

如：<div id="aa">这是内容</div> ，我们可以通过 x=document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；

也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。