我在项目中使用SlideJs(http://www.slidesjs.com/)幻灯片。
在这里,我想要一个可以向左滑动的重复图像。现在,我已将间隔设置为“0”,以便幻灯片放映只是向左移动而没有任何间隔。但这里的问题是我不希望这种缓和效果会暂停。只是想让幻灯片连续向左滑动,以便我的重复背景看起来像是顺畅地向左流动。
任何帮助表示赞赏。 提前谢谢。
答案 0 :(得分:0)
我在你的小提琴上添加了一些补丁,你可以在这里看到:
首先,在小提琴中获取新版本的插件, 然后只需使用速度缓和控制的新选项设置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个参数以保持旧的兼容性浏览器。