unslider轮播插件的使用

轮播下载链接：http://www.bootcss.com/p/unslider/

第一步：按网站的叙述把代码复制下来

      1.页面展示

     

 第二步：修改样式和标签

          1.把Next 和Prev的font-size设置为0 ，并且添加两个自己的div；

                  

                       

        2.把剩下的“123”设置成小圆点

                      

          3.样式效果图

                    

第三步：设置prevs类和nexts类的Js代码

                      

第四步：（我不知道为什么要这样设置？？）

                      

（这轮播不会自动播放。。。之前弄的那个行的，我不知道为什么会这样，正在研究ing）

总结一下我弄轮播的一些小曲折吧，折磨死我了

1. 图片不在一排，而是单独一列

解决： var unslider = $('类或者id名').unslider();   //这个类或id名是最接近ul标签的类或id名

2.如果用官网那个左右按键我是不行的，所以我用了next()和prev()

解决：unslider.data('unslider').next()    ;  unslider.data('unslider').prev();

3.做完前三部，基本完成了，然后发现轮播不行

解决：为unslider类添加position：relative