lightbox.jsのポップアップを他のjsからclickを使わずに発火させたい

Question

現状クリックで表示しているlightboxをダブルタップで表示したく、clickで表示されるlightboxを打ち消して、ダブルタップ時にclickイベント使わずにlightboxを表示したいです。
何か方法がありましたらご教授のほどお願いします。

※失礼致しました。以下追記修正致します。

lightbox
https://lokeshdhakar.com/projects/lightbox2/

hammerjs
https://hammerjs.github.io/

現在PC上で動いているlightboxを使ったページがあり、それをスマートフォンに転用するにあたりhammerjsを使いダブルタップイベントを受け取り、
そこでlightboxのポップアップを表示したいです。
クリック/タップではlightboxは表示せず、ダブルタップでのみlightboxを表示したいです。

---

Comments

[m.ts10806]

利用しているプラグインの公式URLや現在のコードは見ている人が再現確認や調整に必要な情報ですので提示してください。「ダブルタップ」といきなりでてきていますが、デバイスは何を想定していますでしょうか。要件不明瞭な質問には回答がつきずらいので、質問内容を充実させてください。

Answer 1

lightbox用のaタグにidを振っていけば、外から発動させることは可能ですが、lightbox自体が、シングルクリックで発動するように書かれており、シングルクリックの動きを封じるのは、並大抵のことではないですよ。
hammer.jsを使ったからといってシングルクリックは止めれません。

ちなみに、外からの発動に関して言えば、下記のようにidを振り、

<a id="img1" href="img/1.jpg" data-lightbox="roadtrip"><img src="img/1.jpg" /></a>

javascriptでclick();するだけです。

document.getElementById('img1').click();

なにか、元々ダブルクリック対応の、lightbox風のプラグインを探されてはどうでしょうか？

Comments

[ryu_t]

そうですね。。
>なにか、元々ダブルクリック対応の、lightbox風のプラグインを探されてはどうでしょうか？
こちらが一番スマートかと思いますので、そうするようにします！
ありがとうございました。