我在我的移动应用程序中使用 photoswipe。
我们在目标中显示图像div
,我们没有使用全屏视图。
一个要求是内置工具栏不可见,并且在 div 的左侧和右侧有一个箭头图像以移动到上一个和下一个图像并允许滑动。如何photoswipe.js
在单击图像时手动调用 JavaScript 来执行此操作。
我在我的移动应用程序中使用 photoswipe。
我们在目标中显示图像div
,我们没有使用全屏视图。
一个要求是内置工具栏不可见,并且在 div 的左侧和右侧有一个箭头图像以移动到上一个和下一个图像并允许滑动。如何photoswipe.js
在单击图像时手动调用 JavaScript 来执行此操作。
经过一番挖掘和做了许多复杂的事情后,我找到了答案。答案很简单。
因为我有一个 PhotoSwipe 对象 (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' => 你的 PhotoSwipe 对象。