0

私はflexsliderを使用しており、以下のようなjqueryを介して別の要素の高さ/位置を計算しています。しかし.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);
4

1 に答える 1

1

サイズ変更コードも必要だったので、私がやったことは少し複雑でしたが、基本的には上記のコードを関数に入れ、負荷を呼び出す代わりに、このようにflexsliderをインスタンス化した場所から呼び出しました

$('.flexslider').flexslider({

    ... etc ...

    start: function(slider){

    ... etc ...

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

    }
});
于 2013-02-12T18:14:18.407 に答える