浮动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库一起使用，我需要做些什么？

Answer 1

这在所有情况下可能并不理想，但您可以在幻灯片加载后设置浮动：

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