javascript - 如何将loadgo.js的right属性设置为left？

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



部分loadgo.js：

var overlayTemplate = '<div class="loadgo-overlay" style="background-color:%bgcolor%;opacity:%opacity%;width:%width%px;height:%height%px;position:absolute;"></div>';

var overlayWithOptions =
  overlayTemplate
    .replace('%bgcolor%', pluginOptions.bgcolor)
    .replace('%opacity%', pluginOptions.opacity)
    .replace('%width%', _w)
    .replace('%height%', _h);

$overlay = $(overlayWithOptions);

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

预期结果

最佳答案

使用direction属性并将其设置为rl，以实现从左到右的动画效果，

$(document).ready(function() {

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

});

可在此处查看工作演示：https://jsfiddle.net/qx835keg/1/

希望这可以帮助！

关于javascript - 如何将loadgo.js的right属性设置为left？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48678259/