Javascript 猫头鹰旋转木马图像一开始大小不正确

我使用的是猫头鹰旋转木马，我对它进行了编码，这样会显示一幅图像，然后每隔15秒，下一幅图像就会滑入。我已经将屏幕的宽度设置为100%，并对js进行了适当的编码，因此理论上一次应该有一个完整大小的图像……然而，发生的事情是，它显示的所有图像都非常小，如果我调整屏幕的大小，即使是1个像素，它也会捕捉到应有的大小

有没有关于如何避免调整屏幕大小以使图像达到全尺寸的想法

这是我的HTML

<div class="owl-carousel">
    <img src="assets/background1.jpg" />
    <img src="assets/background2.jpg" />
    <img src="assets/background3.jpg" />
</div>

---

原因可能是以下之一：

要么在加载DOM之前调用owl.owlCarousel方法。所以试着在DocumentReady中启动它

或者.owl carousel div可能位于加载DOM时不可见的容器中

在引导模式中使用owl转盘时，我遇到了一个类似的问题，通过在引导模式的

事件中启动owlCarousel解决了这个问题

如果您需要有关此问题的更多详细信息，或者您已将其修复，请告诉我。
请务必阅读您在问题上添加的标签说明。这不是关于Web本体语言（）的问题，而是关于OWL转盘（）的问题。此外，如果您展示一些代码，可能会有所帮助。否则，人们如何识别您可以在其中更改什么？谢谢您的输入，我添加了我的代码谢谢，在加载DOM之前我正在调用旋转木马。现在效果很好@Nitish请检查此问题：
var owl = $('.owl-carousel');
owl.owlCarousel({
    singleItem: true,
    items:1,
    loop:true,
    margin:10,
    autoplay:true,
    autoplayTimeout:15000,
    autoplayHoverPause:true


});
$('.play').on('click',function(){
    owl.trigger('autoplay.play.owl',[1000])
})
$('.stop').on('click',function(){
owl.trigger('autoplay.stop.owl')
})