モバイルアプリケーションでフォトスワイプを使用しています。
ターゲットdiv
に画像を表示していますが、全画面表示は使用していません。
組み込みのツールバーを表示せず、divの左右に矢印画像を配置して、前の画像と次の画像に移動し、スワイプできるようにする必要がありました。photoswipe.js
画像をクリックするだけで手動でこれを行うには、JavaScriptを呼び出すにはどうすればよいですか。
モバイルアプリケーションでフォトスワイプを使用しています。
ターゲット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オブジェクト。