浮动FlexSlider图库

Question

我使用的是WooThemes编写的FlexSlider图库脚本，我希望图库的宽度是父容器宽度的50%，并向右浮动。我在FlexSlider目录中添加了一个"align_right“类，如下所示：

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

其中，align_right类定义为：

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

...and整个图库都消失了(除了一丝边框的痕迹)。我甚至在FlexSlider演示的一个新副本上尝试了一下，它仍然在发生。

此方法适用于普通图像和其他图库插件；我需要做什么不同的操作才能使其与FlexSlider图库一起工作？

Answer 1

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

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