0

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

（一旦我有一个基本的过渡，我可以把它改成另一个 sudo 过渡效果，这样就不会有问题了）无论如何，我找到的插件 - Sudo Slider - 可以在这个网站上找到 http://webbies.dk/资产/文件/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

}

4

1 回答 1

0

您似乎认为过渡效果只是设置了一个选项，事实并非如此。

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

你可以看看函数“boxTemplate”：http ://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.js

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

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

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

于 2013-07-03T21:15:57.633 回答