當flexslider加載第一張幻燈片時檢測

Question

我正在使用flexslider，我正在通過jquery類似於下面的方式製作另一個元素的高度/ posn的計算。 .flexslider ul li img雖然沒有工作。我需要確保flexslider幻燈片完全加載，以便我可以測量它的高度，但我無法定位它。我已經使用setTimeout()證明了這個概念，但我無法知道圖像在任何給定的服務器上加載需要多長時間，所以我想要取決於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); 

Answer 1

我最終什麼事做了，因爲調整大小的代碼，我也想，但基本上我最終把上面的代碼放到一個函數，而不是調用上的負載我把它叫做從那裏有點複雜我實例化的flexslider像這樣

$('.flexslider').flexslider({ 

    ... etc ... 

    start: function(slider){ 

    ... etc ... 

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

    } 
});