slider - SlideJS - 移除缓入效果

Question

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

在这里，我想要一个重复的图像，它会向左滑动。现在，我已将间隔设置为“0”，以便幻灯片向左移动而没有任何间隔。但这里的问题是我不想要那种让人停顿的缓入效果。只是想让幻灯片连续向左滑动，这样我的重复背景看起来就像向左流畅地流动。

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

Answer 1

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

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

首先，在 Fiddle 中获取新版本的插件，然后只需使用新选项设置您的 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 animate 之间的缓动选项不同，因此您需要管理 2 个参数以保持对旧浏览器的兼容性。