Swipeview - 显示下一个项目的预览/片段？

Question

我正在使用Swipeview(http://cubiq.org/swipeview)carousel在iPhone和Android上创建支持触控的工作.基础工作很棒.

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

我尝试将div.style.cssText(in 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) }