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