Javascript 启用“动态高度”时Lazyload切断图像高度

当我在启用动态高度的情况下在图像幻灯片上启用Lazyload时，它会被切断，并且只显示照片高度的一小部分，我附上了一个屏幕截图，如果初始加载可以完美地查看图像，请使用切换箭头，您将能够看到我的意思

我一直在尝试各种修复，但都无济于事，因为这是我购买的html主题，不幸的是，主题作者也无法帮助我，您的帮助将不胜感激

自定义脚本文件中的JS是：

     $(".property-carousel").owlCarousel({ 
         rtl: _rtl, items: 1, lazyLoad : true, 
         responsiveBaseWidth: ".property-slide", dots: false, 
         autoHeight: true, nav: true, navText: ["", ""], loop: true 
      });

---

尝试添加自动高度开启功能

owlCarousel({
      items: 1,
      loop: true,
      autoHeight: true
    });

将自动高度设置为真

autoHeight: true

---

您需要在OwlCarousel中将lazyload设置为true：

lazyLoad: true

---

以下是我的问题解决方案：

gallery.owlCarousel({
    margin:5,
    loop:false,
    autoHeight:true,
    items:1,
    nav: false,
    dots: false,
    lazyLoad:true
});
gallery.on('loaded.owl.lazy', function(event) {
    $(this).find('.owl-item.active img').one('load', function () {
        gallery.trigger('refresh.owl.carousel');
    });
});

我也遇到了这个问题，“懒散加载”和“自动高度”组合在一起会切断一些图像，因为猫头鹰旋转木马没有考虑懒散加载图像的高度。对我来说，这很有效（修改@baduga的答案）：

---

嗨，Alfin，我已经将其设置为true，下面是我在custom.js中的一个副本，我是否遗漏了一些内容$（“.property carousel”）.owlCarousel（{rtl:_rtl，items:1，lazyLoad:true，responsiveBaseWidth:“.property slide”，dots:false，autoHeight:true，nav:true，navText:[“”，“”]，循环：true}）；将数据src retina=“image path”提供给前两个图像Hi Nathaniel，它已经设置好了，延迟加载正在工作，但是我遇到的问题是启用时图像被切断。滑块中的一个图像大小相同。一旦它们是，猫头鹰转盘知道有多大，使滑块和它的行动一致。尝试在每个owl项目上设置一个最小高度，您可以调整它以响应媒体查询。我确实理解这个问题。您需要的是所有图像大小相同，然后让owl carousel了解这些图像。有可能autoHeight不适用于lazyload，您是否尝试过将其关闭以进行测试？经过多次尝试后，我发现更新到最新版本，然后必须对其进行调整以再次适应主题，我成功地使其再次工作，非常感谢你给我指出正确的网站，我从那里下载了最新版本。哦，太棒了！有趣的是，我对wp的Owl旋转木马插件也有同样的问题。更新插件修复了我遇到的一个问题。

var myCarousel = $(".property-carousel").owlCarousel({ 
    lazyLoad : true, 
    autoHeight: true
});
myCarousel.on('loaded.owl.lazy', function(event) {
    myCarousel.trigger('refresh.owl.carousel');
});