Swiper中文论坛

标题: 与其他框架合作 [打印本页]
作者: MyTH    时间: 2016-3-29 16:04
标题: 与其他框架合作
我用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.                 });

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


作者: MyTH    时间: 2016-3-29 16:11
这个社区有没有人管呢？谁帮我解决一下
作者: assamy    时间: 2016-3-30 13:17
为什么不轮播了
作者: Administrator    时间: 2016-4-6 16:22
？？？？



欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/) Powered by Discuz! X3.2