如何将loadgo.js的正确属性设置为left？

Question

我知道如何将right的{​​{1}}属性设置为.loadgo-overlay？我按照所有指令来实现loadgo动画。但是，动画出现在右侧，而不是与左侧的图像一起出现。当代码尝试创建left时，我甚至尝试将值修改为loadgo.js文件中的left:0px; right:none;，尽管loadgo-overlay的样式添加了left属性但{{1}属性仍然变为0px甚至我改为无。我的预期结果将是与左侧图像一起显示的动画。

loadgo.js的一部分：

<div>

这是我测试代码的小提琴。 https://jsfiddle.net/4vfxfjxr/5/

预期结果

Answer 1

使用direction属性并设置为rl从左到右动画，它应该看起来像，

$(document).ready(function() {

    $('#header').loadgo(
    {
      'direction':    'rl'
    }
  );
    $('#header').loadgo('loop', 20);

});

可在此处使用演示文稿： https://jsfiddle.net/qx835keg/1/

希望这有帮助！

Answer 2

如果添加此CSS，动画将显示在左侧的徽标/图像中：

.loadgo-overlay {
  left: 0px;
  right: auto;
}

https://jsfiddle.net/4vfxfjxr/2/

Answer 3

不要在.loadgo-overlay上添加CSS，而应在.loadgo-container上添加CSS。因为loadgo-overlay的父级是loadgo-container。有关更多信息，请参阅提供的jsfiddle。

.loadgo-container{
    margin: 0 auto;
    float: left;
}

https://jsfiddle.net/4vfxfjxr/9/