Question

我正在使用Swipeview（http://cubiq.org/swipeview）创建支持iPhone和Android的触控功能carousel。基础知识很有用。

我的问题开始时，我试图让它显示下一张幻灯片默认值的25％。这个想法是用户可以看到下一张幻灯片/图像的1/4，然后应该让它们滑动图像以显示下一张幻灯片/图像。然后第一个图像消失，第二个图像变为100％可见，向左对齐，然后第三个图像可见1/4。等等。

我尝试将div.style.cssText（swipeview.js）更改为宽度为75%而不是默认100%。这适用于初始加载，但是当我滚动时，幻灯片1上可见的第二个图像的部分现在隐藏在幻灯片2上。

我做了一个小提示演示：http://jsfiddle.net/zeqjN/1/（在Chrome中测试并尝试将图片拖到左侧）

关于如何修改swipeview.js以满足我的需求的任何想法？

Answer 1

您只能使用css实现此目的。只需在项目上添加缩放效果。

.scroller .scroll-item { float: left; -webkit-transform: scale3d(1.1,1.1,1.1) }