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

发现一个问题,不知道是不是swiper3的BUG,请大家看看

[复制链接]
  • TA的每日心情
    郁闷
    2018-6-14 21:23
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    17

    积分

    新手上路

    Rank: 1

    积分
    17
    跳转到指定楼层
    楼主
    发表于 2018-6-14 21:23:34 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
           自己用swiper做了一个窗帘图片网站,只是用swiper简单的拖动切换图片,本来没什么问题,后然因为图片太多发现页面载入太慢,就想用swiper的lazyLoading图片延迟加载,然后就出现了一个问题,因为希望图片能要据浏览器大小自动调整宽高,所以图片的宽为width=100%,高度自动,当不设定图片的具体高度时,swiper只显示图片上面一点点,必需拖动slide稍移动下才能把整张图片显示出来,当设定了图片高度就不会出现这个问题,审查元素发现swiper-container的div高度为height=auto,是不是不设定高度的延迟图片不能撑起这个div的高度?有人碰到过这个问题吗?是swiper的BUG还是我哪里设置出了问题?      现在只能用JS按图片高宽比计算出图片的高度然后把swiper-container这个div的高度设为图片高度,但要是一组图片的高宽都不一样就头疼了,请教高手。
         下面是JS代码:
       window.onload=function () {       
            var Iwidth;
            var Odiv;
            Iwidth=document.documentElement.clientWidth;
            Odiv=document.getElementById("swiper-container");
            Odiv.style.height=Math.round(Iwidth/1.21545)+'px';/*根据可视区宽度按图片宽高比确定swiper-container的高度,*/
           
             window.onresize=function(){       
                  Iwidth=document.documentElement.clientWidth;
                 Odiv.style.height=Math.round(Iwidth/1.21545)+'px';
            }
    }
           

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

    使用道具 举报

  • TA的每日心情
    开心
    2018-9-11 16:11
  • 签到天数: 14 天

    [LV.3]偶尔看看II

    1

    主题

    16

    帖子

    629

    积分

    高级会员

    Rank: 4

    积分
    629
    沙发
    发表于 2018-6-15 08:32:26 | 只看该作者
    不需要做lazy加载
    回复 支持 反对

    使用道具 举报

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

    本版积分规则

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

    GMT+8, 2024-11-24 04:34 , Processed in 0.057578 second(s), 26 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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