如何修改 jQuery Cycle 插件的渲染?
我有一个模型设计,我想我想使用 jQuery Cycle 来实现。样机截图如下。 jQuery Cycle 中最接近的示例是: http://jquery.malsup.com/cycle/ pager2.html,但它离我想要的结果还很远。
我如何修改 jQuery Cycle 插件以获得下面模型中所示的效果?我可以使用另一个更接近模型的 jQuery 或 Javascript 插件(如果存在)。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您可以使用此 Cycle 演示开始。这是基本的 javascript,用于让下一个/上一个按钮与循环插件一起使用。但是您必须使用 CSS 来完成繁重的工作才能使其看起来不错。
如果您不想尝试使用 CSS 使其看起来不错(意味着花哨的按钮和链接的位置),您可以使用这两个滑块插件之一:
这些插件的唯一问题是,您必须遵守他们的列表设置规则。我的意思是,页面上的 HTML 内容可能比您实际想要的多得多。
You can use this Cycle demo to start out. It is the basic javascript to get the next/previous buttons working with the cycle plugin. But you will have to do the heavy lifting with CSS to make it look good.
If you don't want to try to make it look good with CSS (meaning fancy buttons and placement of links) you can use one of these two slider plugins:
The only problem with these plugins, is that you have play by their rules of how your list is set up. I mean you might have a lot more HTML than you actually want on the page.
您可以尝试bxslider,它更接近您的目标:
http://bxslider.com/
例如:
http://bxslider.com/examples/thumbnails-pager-method-1
http://bxslider.com/examples/thumbnails-pager-method-2
它已根据 MIT 许可证获得许可。
You could try bxslider which is closer to your goals :
http://bxslider.com/
e.g :
http://bxslider.com/examples/thumbnails-pager-method-1
http://bxslider.com/examples/thumbnails-pager-method-2
It's licensed under MIT Licence.