css-float - FlexSlider ギャラリーのフローティング

Question

WooThemes の FlexSlider ギャラリースクリプトを使用しています。ギャラリーを親コンテナーの幅の 50% にして、右にフロートさせたいと思います。次のように、FlexSlider div に「align_right」クラスを追加しました。

<div class="flexslider align_right">
    <ul class="slides">
        ...
    </ul>
</div>

ここで、align_right クラスは次のように定義されています。

.align_right {
    max-width: 50%;
    float:right;
}

...そして、ギャラリー全体が消えました (境界線のヒントを除く)。FlexSlider デモの新しいコピーで試してみましたが、それでも発生します。

この方法は、プレーンな画像やその他のギャラリープラグインでうまく機能します。FlexSlider ギャラリーで動作させるにはどうすればよいですか?

score 1 · Accepted Answer

これはすべての状況で理想的であるとは限りませんが、スライドショーが読み込まれた後にフロートを設定できます。

  $(".flexslider").flexslider({
    start: function(){
      $(".flexslider").css({"float" : "right"});
    }
  });

1 に答える 1