解决方法
你有多个滑块可以实现这个目的.
我个人总是使用flexslider,但nivoslider也是一个不错的选择.
我个人总是使用flexslider,但nivoslider也是一个不错的选择.
http://flexslider.woothemes.com/thumbnail-slider.html
http://creative.glenfield.net/nivoexamples3.aspx
你的滑块主要是css.
我认为对于你的情况你会使用flexslider.
你需要创建2个滑块.
1作为另一个的导航.
以下是flexslider所有选项的链接:
https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties
对于主滑块,您可以使用下方选项设置3项可见.
minItems 0 Number Minimum number of carousel items that should be visible. maxItems 0 Number Maximum number of carousel items that should be visible. move 0 Number Number of carousel items that should move on animation.
$(window).load(function() { // The slider being synced must be initialized first $('#carousel').flexslider({ animation: "slide",controlNav: false,animationLoop: false,slideshow: false,asNavFor: '#slider' }); $('#slider').flexslider({ animation: "slide",sync: "#carousel" }); });
希望我能把你推向正确的方向.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。