Swiper中文论坛

标题: 在微信里使用window loading 图片错乱问题 [打印本页]

作者: Jazz.Y 时间: 2015-8-18 12:26
标题: 在微信里使用window loading 图片错乱问题

$(window).load(function(){
$(".loading").fadeOut();
var mySwiper = new Swiper('.swiper-container',{
pagination: '.pagination,.pagination2',
paginationClickable: true,
  //  direction: 'vertical',
//followFinger:false,
speed:600,
touchAngle:90,
//grabCursor:true,
//mousewheelControl:true,
onInit: function(swiper){
swiperAnimateCache(swiper);
swiperAnimate(swiper);
   },
onSlideChangeEnd: function(swiper){
swiperAnimate(swiper);
},
onTransitionEnd: function(swiper){
swiperAnimate(swiper);
},
   paginationBulletRender: function (index, className) {
         return '<span class="' + className + '" id="asd' + (index + 1) + '"></span>';
      }

  })
})

使用这段代码之后,有了加载的功能,但在微信分享出去的页面里,使用这个之后,总是发现页面里的图片会错乱
也就是本来A显示的是A图片,但显示成了B图片了.
这个bug大家遇到过吗?
如何解决?

比如有没其他可以loading加载的方式? 我的图片比较多也比较大.

作者: sl_huang1990 时间: 2015-8-20 15:27
function loadByOne(imgBrandList){
      if(imgBrandList.length > 0){
         var img = imgBrandList[0];
         img.onload = function(){
            imgBrandList.shift();
            loadByOne(imgBrandList);
         }
         img.src = $(img).attr("data-src");
      }
}

作者: Jazz.Y 时间: 2015-8-20 15:41

sl_huang1990 发表于 2015-8-20 15:27
function loadByOne(imgBrandList){
if(imgBrandList.length > 0){
var img = img ...

能解释一下这个是什么意思吗?
能不能写一个demo

我是菜鸟一个...多谢多谢.

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)