0
나는 phonegap으로 랩핑 될 ios webapp에서 작업 중이므로 확대/축소는 일반적으로 비활성화되고 뷰포트는 확장 가능하지 않습니다.phonegap - swiper.js 슬라이드 쇼 줌 zoom
저는 swiper.js를 사용하는 슬라이드 쇼를 가지고 있습니다. 그리고 나는 줌 기능을 위해 iscroll.js를 사용합니다.
사진을 확대 한 다음 확대 된 프레임을 둘러 볼 때 스 와이프가 다음 슬라이드 쇼 이미지로 이동하기 위해 해석됩니다.
내 생각에 줌 모드 일 때 슬라이드 쇼에 "swiper-no-swipe"클래스를 추가하고 원래 크기로 다시 확대했을 때 제거하십시오.
iscroll.js가 확대/축소 기능에 css-transform을 사용하고 있기 때문에 transform-value가 0보다 큰지 요청한 다음 no-swipe 클래스를 추가해야합니다.
누구든지이 작업을 수행하는 방법을 알고 있습니까?
//NO SWIPE//
$('.swiper-slide').on('vmousedown', function(e) {
var matrix = $('.photo-aktiv').css('-webkit-transform');
var values = matrix.match(/-?[\d\.]+/g);
var n = values.toString();
var first = n.split(',', 1);
var länge = parseFloat(first);
if(länge>1){
$(".swiper-slide").addClass('swiper-no-swiping');
}else{
$(".swiper-slide").removeClass('swiper-no-swiping');
}
});