BluImpギャラリーで画像を垂直方向にドラッグできます

Question

私はカルーセルでblueImp image galleryを使用しています。 モバイルユーザー向けに画像をドラッグすることを許可していますが、画像を縦方向にも横方向にもドラッグすることができます。つまり、画像を画面から半分だけドラッグすることができます。

ドラッグすると、.slide要素のような寸法にインラインで変更します。 style="transform:translate(-100px, 256px)"

私はtranslateY(0) !importantを設定しようとしたが、これは単に完全にドラッグを上書きします。

jQueryを使用していますので、ドラッグイベントを監視する方法がありますか？有用な助け。

Answer 1

私がそれをやり遂げた唯一の方法は、blueimpのontouchmove機能を上書きすることでした。あなたはtranslateYの呼び出しをコメントアウトするだけです。私はhttps://github.com/blueimp/Gallery/blob/master/js/blueimp-gallery.jsからソースを取った。

あなたのjsのどこかにoverwite全体を置きます。理想的には、将来コメントのためにファイルを分けてください。

blueimp.Gallery.prototype.ontouchmove = function (event) { 
    ... 
    } else { 
     // Removed move up/down funictionality 
     //this.translateY(index, this.touchDelta.y + this.positions[index], 0); 
    } 
}; 

希望すると助かります！ ブルーインプは、将来この行動を切り替えるオプションを追加することができます:)

Pav