Javascript 猫头鹰转盘2.3.4，带lazyLoad和autoWidth

我在我的网站上有这个插件，但我想提供很多图片，而不会增加初始页面的负载。我可以使用

lazyLoad

选项（）来实现这一点，但与

autoWidth

选项混合后，图像会立即加载

在下面链接的示例中，有一个版本具有

autoHeight

和

autoWidth

。第一种方法工作正常（图像在显示之前没有

src

标记），在第二种情况下（使用

autoWidth

），所有图像都立即具有

src

标记，这使得加载页面变得沉重（并且

lazyLoad

无用）

注意：拖动图像进行滚动

内部剪切示例（与JSFIDLE相同）

var totImg=15；
var countWimgs=0；
var-counthimms=0；
$（文档）.ready（函数（）{
//为owl转盘创建图像（h/w）
对于（变量i=0；i带src标记的总img:'+countSrcW）；
}, 500);
});
html，
身体{
宽度：100%；
}
h3{
显示：内联块；
左缘：4%；
字体系列：无衬线；
字体大小：正常；
}
.猫头鹰舞台{
显示：-网络工具包盒；
显示器：-moz盒；
显示：-ms框；
显示：框；
}
.集装箱{
宽度：90%；
利润率：4%；
填充：20px；
框大小：边框框；
}
.container.h{
背景色：#AAAAFF；
}
.container.w{
背景色：#ffaaa；
}

懒散与自动高度
懒散与自动宽度
Owl carousel如果不知道最后一张图像的宽度，就不知道下一张图像放在哪里，而且在加载到它之前，它也不知道最后一张图像的宽度，只是一次加载所有内容。除非静态地知道每个图像的宽度，否则您所要求的似乎是不可能的。