第一次加载时Owl Carousel宽度问题
第一次加载时Owl Carousel宽度问题
提问于 2015-09-08 23:40:25
我用的是猫头鹰的旋转木马。这是我的脚本：
$("#owl-demo").owlCarousel({
items : 3
});我想让容器显示3张图片。但是，这是第一次加载时的图片
但是当我调整浏览器的大小时，图像的大小会改变为我想要的实际大小和设置
所以，当我第一次加载浏览器时，问题是图像预览。为什么会发生这种情况？我认为我的浏览器的大小问题
回答 1
Stack Overflow用户
发布于 2019-03-28 03:59:01
当我在工作状态下测量owl-stage容器的宽度时，我修复了这个问题。然后设置样式中的值，如下所示：
#photo-gallery .owl-stage {
min-width: 10317px;
}我的JS：
$(document).ready(function(){
$('.owl-carousel').owlCarousel({
center: true,
loop:true,
margin:20,
autoWidth: true,
responsive:{
0:{
items: 1,
autoWidth: false
},
908:{
items: 1,
autoWidth: true
},
1236:{
items: 3
}
}
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32461930
复制相关文章
相似问题