查看: 1760|回复: 3
打印 上一主题 下一主题

与其他框架合作

[复制链接]

该用户从未签到

1

主题

2

帖子

14

积分

新手上路

Rank: 1

积分
14
跳转到指定楼层
楼主
发表于 2016-3-29 16:04:12 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
我用zepto.js框架加载image,为什么不轮播了
  1. html:
  2. <div class="swiper-container">
  3.                 <div class="swiper-wrapper">
  4.                 </div>
  5.                 <div class="pagination"></div>
  6.         </div>
  7. js:
  8. //图片轮播
  9.         window.onload = function() {
  10.                 var mySwiper = new Swiper('.swiper-container',{
  11.                         //Your options here:
  12.                         mode:'horizontal',
  13.                         autoplay:2000,
  14.                         loop: true,
  15.                         speed:300,
  16.                         grabCursor : true,
  17.                         pagination: '.pagination'
  18.                         //etc..
  19.                 });

  20.                 mySwiper.startAutoplay();
  21.         }
  22. zepto:
  23. function imgBannerCallback(ret){
  24.                 var imgBannerHtml='';
  25.                 for(var i in ret){
  26.                         var imgUrl=ret[i].image.url;
  27.                         //alert(JSON.stringify(ret[i].image));
  28.                         imgBannerHtml += '<div class="swiper-slide" ><img src="'+imgUrl+'" alt=""></div>';
  29.                 }
  30.                 $(".swiper-wrapper").append(imgBannerHtml);
  31. }
复制代码


分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

该用户从未签到

1

主题

2

帖子

14

积分

新手上路

Rank: 1

积分
14
沙发
 楼主| 发表于 2016-3-29 16:11:44 | 只看该作者
这个社区有没有人管呢?谁帮我解决一下
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

22

帖子

27

积分

新手上路

Rank: 1

积分
27
板凳
发表于 2016-3-30 13:17:18 | 只看该作者
为什么不轮播了
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

6

帖子

76

积分

注册会员

Rank: 2

积分
76
地板
发表于 2016-4-6 16:22:16 | 只看该作者
????
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-6-2 20:15 , Processed in 0.066898 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表