11

我正在使用Swipeview( http://cubiq.org/swipeview ) 创建一个carousel在 iPhone 和 Android 上工作的触控功能。基础工作很好。

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

我尝试将div.style.cssText(in swipeview.js) 更改为宽度 of75%而不是 default 100%。这适用于初始加载,但是当我滚动时,幻灯片 1 上可见的第二张图像的部分现在隐藏在幻灯片 2 上。

我做了一个小提琴来演示: http: //jsfiddle.net/zeqjN/1/(在Chrome中测试并尝试将图像拖到左侧)

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

4

1 回答 1

0

您只能使用 css 来实现这一点。只需在项目上添加比例效果。

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

查看:http: //jsfiddle.net/frapporti/Xt9dM/

于 2014-05-21T21:14:02.633 回答