jquery - 通过jQuery分配最大高度时，图片未显示在页面加载中

我有一个问题。

我正在使用jQuery为图像分配最大高度。通过获取徽标图像旁边的幻灯片放映的高度来生成最大高度值。请查看该站点：http://debourg-dev.ch/lestroisverres/

受影响的代码是：

var sliderHeight = $('.flexslider').height();
$('#logo img').css({'max-height': sliderHeight});

$(window).resize(function() {

    var sliderHeight = $('.flexslider').height();
    $('#logo img').css({'max-height': sliderHeight});

});

一旦开始调整窗口的大小，徽标就会出现并且可以按比例缩放，因此问题看起来像脚本在确定幻灯片放映高度之前就已加载。我试过将受影响的代码包装在$（window）.load函数中，但这没什么区别。

有什么帮助吗？

谢谢

最佳答案

尝试这个：

$('.flexslider').flexslider({
    animation: "slide",
    controlsContainer: ".flex-container",
    controlNav: false,
    slideshowSpeed: 6000,
    animationDuration: 1600,
    start: function(slider) {
        var sliderHeight = this.height();
        $('#logo img').css({'max-height': sliderHeight});
    }
});

start选项在滑块显示其第一张图像时运行该功能，因此应在那时加载该图像，并且高度将为已知。