在微信里使用window loading 图片错乱问题

Jazz.Y

         
$(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加载的方式? 我的图片比较多也比较大.

Jazz.Y

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

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

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

sl_huang1990

    function loadByOne(imgBrandList){
        if(imgBrandList.length > 0){
            var img = imgBrandList[0];
            img.onload = function(){
                imgBrandList.shift();
                loadByOne(imgBrandList);
            }
            img.src = $(img).attr("data-src");
        }
    }