问题描述
|
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浏览器中查看过。