使用过渡效果而不是缓动

Question

我正在尝试让我的幻灯片处于特定的过渡状态。现在，我在幻灯片中使用了一种叫做“缓动”的东西。问题是我不知道如何更改该特定部分。我对幻灯片进行了很大程度的修改，使其可用于我正在进行的工作项目。我绝对想将它用于工作和我自己，因为我发现它是一个很好的幻灯片。但是，我希望有一个像 Sudo Slider 这样的简单过渡，而不是 easing。

（一旦我有了基本的过渡，我可以将其更改为另一种 sudo 过渡效果，这样不会有问题） 无论如何，我发现的插件 - Sudo Slider - 可以在这个网站上找到 http://webbies.dk/assets/files/SudoSlider/package/demos/continuous.html

<script type="text/javascript" >
   $(document).ready(function(){
      var sudoSlider = $("#slider").sudoSlider({
         numeric: true
         continuous:true
      });
   });
</script>

至于幻灯片（称为 MovingBoxes），这是我在代码中修改的内容之一。至于速度，我必须将其设置为 1 以“消除”缓动的效果。但我真的很想能够使用 Sudo Slider 过渡效果（或任何其他非缓动过渡效果）。我怎样才能做到这一点？

$.movingBoxes.defaultOptions = {
        // Appearance
        startPanel   : 1,
        reducedSize  : 1, 
        fixedHeight  : false, 

        // Behaviour
        initAnimation: false,
        stopAnimation: false, 
        hashTags: true, 
        wrap: true, 
        buildNav: false,     
        navFormatter: null, 
        easing: 'easeInOutQuint',

        // Times
        speed: 1, // animation time in milliseconds - 500 is original

}

Answer 1

您似乎认为过渡效果只是设置一个选项，其实不是。

您看到的每个过渡效果，例如SudoSlider 由复杂的代码组成。

您可以查看http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.js中的函数“boxTemplate”

“boxTemplate”函数定义了 SudoSlider 中涉及盒子的不同效果。

如果可以轻松地将其转移到使用 MovingBoxes 之类的脚本，我会很乐意这样做。

但是让它与 MovingBoxes 一起工作需要重写大部分内容，这在 StackOverflow 上不会发生。