查看: 3351|回复: 1
打印 上一主题 下一主题

angularjs中使用swiper延迟加载图片,只显示第一张。

[复制链接]

该用户从未签到

1

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
跳转到指定楼层
楼主
发表于 2016-3-31 12:28:26 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
<div ng-controller="receiptpreviewController" data-ng-init="initReceiptList()" class="swiper-container" my-main-directive>
    <div ng-repeat="receipt in receiptList" class="swiper-wrapper" my-repeat-directive>
        <div class="swiper-slide" ng-click="navi.popPage()">
            <img data-ng-src="{{receipt.previewSrc}}" width="100%" class="swiper-lazy">
        </div>
    </div>
</div>

但是在onLazyImageReady中看元素,的确加载到了图片的src

就是显示不出来。这是怎么回事啊 求高手指点。

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

使用道具 举报

该用户从未签到

1

主题

9

帖子

59

积分

注册会员

Rank: 2

积分
59
沙发
发表于 2016-3-31 14:49:04 | 只看该作者
                     <div class="swiper-container">
                              <div class="swiper-wrapper">
                                  <div class="swiper-slide">
                                      <img class="pic swiper-lazy" src="images/pic320x166.v2.png" data-src="images/index-banner-v1.jpg" >
                                      <div class="swiper-lazy-preloader"></div>
                                  </div>
                                  <div class="swiper-slide">
                                      <img class="pic swiper-lazy" src="images/pic320x166.v2.png" data-src="images/index-banner-v1.jpg" >
                                      <div class="swiper-lazy-preloader"></div>
                                  </div>
                                  <div class="swiper-slide">
                                      <img class="pic swiper-lazy" src="images/pic320x166.v2.png" data-src="images/index-banner-v1.jpg" >
                                      <div class="swiper-lazy-preloader"></div>
                                  </div>
                                  <div class="swiper-slide">
                                      <img class="pic swiper-lazy" src="images/pic320x166.v2.png" data-src="images/index-banner-v1.jpg" >
                                      <div class="swiper-lazy-preloader"></div>
                                  </div>
                              </div>
                              <div class="swiper-pagination"></div>
                        </div>

//轮番图
         var mySwiper = new Swiper('.swiper-container', {
                loop:true,
                pagination : '.swiper-pagination',
        preloadImages: false,
        lazyLoading: true
    });
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-23 09:09 , Processed in 0.055315 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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