JQuery で Galleria と Swipe を実行しようとしています。
例はhttp://www.mikelastphoto.com/ipad/にあります。
問題: スワイプが iPad のページ全体の制御を引き継ぐことを除いて、すべてが機能します。ピンチ/ズームができなくても構いませんが (それはいいことですが)、Y 軸に沿ってスワイプして、ページの下部にある残りのサムネイルを表示することはできません。基本的に、スワイプは画像自体でのみ可能にし、上下にスワイプして通常のようにスクロールしたいと考えています。
問題は JQuery.Swipe.js 内のこのステートメントにあると思います。
// Done Swiping
// Swipe should only be on X axis, ignore if swipe on Y axis
// Calculate if the swipe was left or right
function touchEnd(event) {
console.log('Ending swipe gesture...')
var changeY = originalCoord.y - finalCoord.y
if(changeY < defaults.threshold.y && changeY > (defaults.threshold.y*-1)) {
changeX = originalCoord.x - finalCoord.x
if(changeX > defaults.threshold.x) {
defaults.swipeLeft()
}
if(changeX < (defaults.threshold.x*-1)) {
defaults.swipeRight()
}
}
}
Y は無視されているだけで、解釈するために Safari に任せられていないためです。
$(document).swipe({
swipeRight: function() { $.galleria.prev(); return false; },
swipeLeft: function() { $.galleria.next(); return false; },
});
これは、ページの残りの部分ではなく、jpeg だけにスワイプを適用する必要があるセクションですか?