Swiper中文论坛

标题: 发现一个问题，不知道是不是swiper3的BUG，请大家看看 [打印本页]

作者: z7561532 时间: 2018-6-14 21:23
标题: 发现一个问题，不知道是不是swiper3的BUG，请大家看看
   自己用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';
      }
}

作者: Mygirl 时间: 2018-6-15 08:32
不需要做lazy加载

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