Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Swipeview-是否显示下一项的预览/片段?_Javascript_Jquery_Swipeview - Fatal编程技术网

Javascript Swipeview-是否显示下一项的预览/片段?

Javascript Swipeview-是否显示下一项的预览/片段?,javascript,jquery,swipeview,Javascript,Jquery,Swipeview,我正在iPhone和Android上使用Swipeview()创建一个支持触摸的carousel。基本功很好 当我试图让它显示下一张幻灯片25%的默认值时,我的问题就开始了。这个想法是,用户可以看到下一张幻灯片/图像的1/4,这将使他们滑动图像以显示下一张幻灯片/图像。然后第一个图像消失,第二个图像100%可见,向左对齐,第三个图像可见1/4。等等 我已尝试将div.style.cssText(在swipeview.js中)的宽度更改为75%,而不是默认的100%。这适用于初始加载,但当我滚动时

我正在iPhone和Android上使用
Swipeview
()创建一个支持触摸的
carousel
。基本功很好

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

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

我做了一把小提琴来演示:(在Chrome中进行测试,并尝试将图像拖到左侧)


关于如何修改swipeview.js以满足我的需要,您有什么想法吗?

您只需使用css即可实现这一点。只需在项目上添加缩放效果

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

像这样吗?