new Swiper('.swiper-container', {
//环路
loop : true,
//切换动画
effect:'slide',
//分页器
pagination : '.swiper-pagination',
//自定义分页器
paginationType : 'custom',
//设置自定义分页器的内容
paginationCustomRender: function (swiper, current, total) {
var bgcolor = swiper.paginationContainer.attr('data-bgcolor');
bgcolor = bgcolor != '' ? bgcolor : '#3f81cc';
var _html = '';
for (var i = 1; i <= total; i++) {
if (current == i) {
_html += '<span class="active" style="background-color:'+ bgcolor +';border:1px solid '+ bgcolor +';"></span>';
}else{
_html += '<span style="border: 1px solid '+ bgcolor +';"></span>';
}
}
return _html;//返回所有的页码html
},
//左右切换按钮
nextButton : '.swiper-button-next',
prevButton : '.swiper-button-prev',
observer: true, //修改swiper自己或子元素时,自动初始化swiper,主要是这两行
observeParents: true //修改swiper的父元素时,自动初始化swiper
});
######################################################################
下面介绍一个swiper中的重要参数:
mySwiper.params
获取Swiper对象初始化参数,或者重写该参数,如: mySwiper.params.speed = 200。{*不是所有参数都可以重写。}这将在回调函数中很有用
http://www.swiper.com.cn/api/properties/136.html