使用过渡效果而不是缓和

时间:2013-07-03 19:45:50

标签: slideshow transition easing

我正在尝试将幻灯片放在特定的转换中。现在,我有一个名为“缓和”的东西,在我的幻灯片中使用。问题是我不知道如何更改该特定部分。我已经在很大程度上修改了幻灯片,使其可用于我正在处理的工作项目。我绝对想把它用于工作和我自己,因为我觉得这是一个很好的幻灯片。但是,我希望能像Sudo Slider那样进行简单的过渡,而不是放松。

(一旦我有一个基本的过渡,我可以将它改为另一个sudo transitiion效果,所以这不会是一个问题) 无论如何,我找到的插件--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

}

1 个答案:

答案 0 :(得分:0)

你似乎认为过渡效果只是设置一个选项,但事实并非如此。

您在其中看到的每种过渡效果,例如SudoSlider由复杂的代码组成。

您可以在http://webbies.dk/assets/files/SudoSlider/package/js/jquery.sudoSlider.js

中查看“boxTemplate”函数

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

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

但使其与MovingBoxes一起使用将涉及重写大部分内容,这在StackOverflow上不会发生。