SlideJS - 删除缓入效果

时间:2013-04-15 10:11:32

标签: slider slideshow slide

我在项目中使用SlideJs(http://www.slidesjs.com/)幻灯片。

在这里,我想要一个可以向左滑动的重复图像。现在,我已将间隔设置为“0”,以便幻灯片放映只是向左移动而没有任何间隔。但这里的问题是我不希望这种缓和效果会暂停。只是想让幻灯片连续向左滑动,以便我的重复背景看起来像是顺畅地向左流动。

任何帮助表示赞赏。 提前谢谢。

1 个答案:

答案 0 :(得分:0)

我在你的小提琴上添加了一些补丁,你可以在这里看到:

http://jsfiddle.net/vc9w4/6/

首先,在小提琴中获取新版本的插件, 然后只需使用速度缓和控制的新选项设置Slider:

$(function() {
      $('#slides').slidesjs({
        width: 940,
        height: 528,
        navigation: false,
          effect: {
              slide: {
                  easing: {
                      animate: 'linear', // 'linear' or 'swing'
                      CSS3: 'linear' // 'linear' or 'ease' or anything you want: http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp
                  }
              }
          }
     });
});

请注意,此滑块在动画可用时使用CSS3属性,并且CSS3 TransitionTimingFunction和jQuery动画之间的缓动选项不同,因此您需要管理2个参数以保持旧的兼容性浏览器。