2015-01-25 4 views
0

Я работаю над iOS webapp, который будет обернут телефонным звонком, так что масштабирование вообще отключено, а окно просмотра не масштабируется.phonegap - масштабирование в swiper.js слайд-шоу

У меня есть слайд-шоу, для которого я использую swiper.js - и я использую iscroll.js для функции масштабирования.

Когда я увеличил масштаб изображения и теперь проведите по экрану, чтобы посмотреть вокруг на увеличенном кадре, салфетки интерпретируются, чтобы перейти к следующему слайд-шоу.

так что я хочу добавить класс «swiper-no-swipe» в слайд-шоу, когда я в режиме масштабирования, и удаляю его, когда я увеличил его до исходного размера.

Я думаю, iscroll.js использует css-transform для функции масштабирования, поэтому вам нужно запросить, если значение transform больше 0, а затем добавить класс без прокрутки.

Кто-нибудь знает, как это сделать?

заранее спасибо

ответ

0

вот мое решение:

//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'); 
} 

});