2013-02-12 72 views
0

我正在使用flexslider,我正在通过jquery类似于下面的方式制作另一个元素的高度/ posn的计算。 .flexslider ul li img虽然没有工作。我需要确保flexslider幻灯片完全加载,以便我可以测量它的高度,但我无法定位它。我已经使用setTimeout()证明了这个概念,但我无法知道图像在任何给定的服务器上加载需要多长时间,所以我想要取决于flexslider是否处于最终尺寸。我该如何做这项工作。当flexslider加载第一张幻灯片时检测

回调(来自文件):我从文档页面看到start: function(){}是“时触发滑块加载第一张幻灯片”的属性,但现在我不如何使用它。我想这可能是一个更好的方法。

var resizeBackground = $('.flexslider ul li img').load(function(){ 

$('.home .skin-background').css({ 
    'display': 'block', 
    'height': $fpTop.outerHeight(true) + $quickBar.height() - 1 + 'px', 
}); 

}); 

$(window).load(resizeBackground).resize(resizeBackground); 

回答

1

我最终什么事做了,因为调整大小的代码,我也想,但基本上我最终把上面的代码放到一个函数,而不是调用上的负载我把它叫做从那里有点复杂我实例化的flexslider像这样

$('.flexslider').flexslider({ 

    ... etc ... 

    start: function(slider){ 

    ... etc ... 

     sizeSkin(); // This is the function that I put the code in 

    } 
}); 
相关问题