如何创建具有重叠视图的轮播？ [包括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浏览器中查看过。