jquery - 当通过 jQuery 分配最大高度时，图像不会在页面加载时显示

Question

我有一个问题。

我正在使用 jQuery 为图像分配最大高度。最大高度值是通过获取 Logo 图像旁边的幻灯片的高度生成的。请看网站: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});

});

一旦您开始调整窗口大小时， Logo 就会出现并按应有的比例正常缩放，因此问题看起来像是在确定幻灯片放映高度之前加载脚本。我试过将受影响的代码包装在 $(window).load 函数中，但这没有任何区别。

有什么帮助吗？

谢谢

Answer 1

试试这个:

$('.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 选项在 slider 显示其第一个图像时运行该函数，因此此时应该加载图像，并且高度将是已知的。