Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.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 单击图像(上一个和下一个),在Photosweep中手动导航图像_Javascript_Html_Photoswipe - Fatal编程技术网

Javascript 单击图像(上一个和下一个),在Photosweep中手动导航图像

Javascript 单击图像(上一个和下一个),在Photosweep中手动导航图像,javascript,html,photoswipe,Javascript,Html,Photoswipe,我正在我的移动应用程序中使用Photosweep 我们在目标div中显示图像,而不是使用全屏视图 要求内置工具栏不可见,并在div的左右两侧有一个箭头图像,以移动到上一个和下一个图像,并允许滑动。如何调用photoswip.js中的JavaScript,以便在单击图像时手动执行此操作 经过一些挖掘和做了许多复杂的事情后,我找到了答案。答案很简单 由于我有一个Photosweep对象(psInstance)的实例,您只需执行以下操作: psInstance.next();或 psInstance.

我正在我的移动应用程序中使用Photosweep

我们在目标
div
中显示图像,而不是使用全屏视图


要求内置工具栏不可见,并在div的左右两侧有一个箭头图像,以移动到上一个和下一个图像,并允许滑动。如何调用
photoswip.js
中的JavaScript,以便在单击图像时手动执行此操作

经过一些挖掘和做了许多复杂的事情后,我找到了答案。答案很简单

由于我有一个Photosweep对象(psInstance)的实例,您只需执行以下操作: psInstance.next();或
psInstance.prev()

我遇到了同样的问题,并用API解决了它。使用此方法尝试捕获单击事件:

/*slide to the next item on img click*/

lightBox.framework.bind(lightBox.scrollWrap, 'pswpTap', function(e) {
    pswp.next();
});  

“pswp”=>你的Photosweep对象。

我经过一些挖掘和做了许多复杂的事情后找到了答案。答案很简单。因为我有一个photosweep对象(psInstance)的实例,所以只需执行以下操作:psInstance.next();或psInstance.previous();