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

原文 标签 jquery load window slideshow css

我有一个问题。

我正在使用 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 函数中,但这没有任何区别。

有什么帮助吗?

谢谢

最佳答案

尝试这个:

$('.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 显示其第一张图像时运行该功能,因此此时应该加载图像,并且高度将是已知的。

关于jquery - 当通过 jQuery 分配最大高度时,图像未在页面加载时显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16719408/

相关文章:

php - jQuery 和 Ajax,只从数据库中加载一项

javascript - Jquery Mobile "tap"事件错误

javascript - 加载图像后运行JS

javascript - 发生错误时自动重新加载图像的图像加载事件

javascript - 在 iframe 中只显示一个 div(javascript、JQuery...)

jquery load() 去除脚本标签 - 解决方法?

c++ - 在C++中传递的参数不完整

javascript - 在 mouseup 上替换选定的文本

ExtJS 4.1 如何动态创建带有网格的窗口

javascript - 如何设置随时 jQuery 插件的时间值?