如何解决如何创建具有重叠视图的轮播? [包括jsFiddle和ASCII艺术}
| http://jsfiddle.net/yxhzU/1042/ 我正在尝试修改此示例,以便在顶部轮播中您可以看到两侧的幻灯片的10%。 谢谢,能帮助我指明正确方向的任何帮助都将非常有用!Viewable area would look something like this:
______ _________________________ _______
______| |_________________________| |_______
prev^ ^current^ ^next
解决方法
http://jsfiddle.net/yxhzU/1069/
我修改了您使用的插件代码。我没有对其进行充分的测试,但这将使您对必须执行的操作有个很好的了解。
我做了以下修改:
增加了2个其他设置
itemwidth-这是一个介于1到100之间的数字,表示单个项目占用的转盘宽度的百分比。
startingoffset-同样,它是左边的起始空间量,也保持开放状态,基于百分比(0-100)
最后,我修改了所有的计算,在这些计算中元素被包裹并设置了动画,以使用包括上述缩放比例在内的新“计算所得”宽度。
您遇到的问题是,许多jquery插件和jquery UI东西将元素包装在其他\“ divs \”和其他DOM对象中。因此,当您使用样式来更改转盘中页面的宽度时,它们实际上位于其他内容中。我认为您无论如何都不能使它仅与CSS一起使用,因为代码的动画部分基于内部测量的宽度。
编辑:
仅供参考,我只在Chrome浏览器中查看过。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。