现在的位置: 首页 > 编程开发 > Javascript > 编程开发 > Php > 编程开发 > 正文

swiper实现app端幻灯片轮播图片左右滑动

2015年12月02日 Javascript, Php, 编程开发 ⁄ 共 528字 ⁄ 字号 暂无评论

3BDE0C72-AB40-44E8-8567-47A514956F31
HTML

//页面Js代码

JS代码

$('#previewPic').on('click', function () {
var YII_CSRF_TOKEN =$('#YII_CSRF_TOKEN').val();

$.post('index.php?r=shop/previewBanners', {YII_CSRF_TOKEN : YII_CSRF_TOKEN }, function(ret) {
if(ret.code == 200){
alert('发布成功!');
return false;
}
initData = ret.data;

var html = template("tmp",{list:ret});

document.getElementById("swiper").innerHTML=html;
swiper = new Swiper(".swiper-container",{
pagination : '.swiper-pagination',
loop:"true",
autoplay: 5000,
autoplayDisableOnInteraction:false
});
swiper.update();
}, 'json');
});

 

给我留言

您必须 [ 登录 ] 才能发表留言!

×