作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我刚刚从 JQuery Cycle 迁移到 FlexSlider 插件,并且确实在努力让以下部分正常工作:
我的列表项中有多个图像,这些图像连接起来显示为一个大图像。我想关闭缓动,以便它不断以相同的速度水平滚动。
连续的默认动画会移动得很慢,但有上一个/下一个箭头,我希望动画在您单击它时加速并转到下一个列表项,这可能吗?!
我希望滚动在悬停时暂停动画。如果您使用“pauseOnHover”选项,它将等到滚动到下一张幻灯片后暂停。
如果有人能帮助我解决上述任何问题,我将不胜感激。这是我的代码
$('.flexslider').flexslider({
animation:'slide',
easing:'linear',
controlNav: false,
useCCS:false,
animationSpeed: Modernizr.touch ? 400 : 10000,
pauseOnHover: true,
slideshowSpeed:1000,
animationSpeed:10000,
});
我的 HTML 基本上就是您在插件示例中看到的内容 - 我没有调整任何内容。
再次感谢您的帮助!
最佳答案
我想出了如何进行连续滚动,我所做的就是设置 slideshowSpeed: 1
和 animationSpeed: 4000
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
easing: "linear",
useCSS: false,
slideshowSpeed: 1,
animationSpeed: 4000,
controlNav: false,
directionNav: false
});
希望对你有帮助!
关于Jquery FlexSlider 连续移动(关闭缓动以显示为滚动股票),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11753907/
我是一名优秀的程序员,十分优秀!