轮播下载链接: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