JQuery Mobile Pinch Увеличить изображение только

У меня есть работающее приложение JQM, в котором я хотел бы отобразить некоторые изображения. В настоящее время изображения находятся в собственном фрейме, поэтому их можно прокручивать отдельно от приложения.

Мне бы хотелось иметь возможность увеличивать масштаб только изображения в пределах iframe.

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

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;" />

Сняв максимальный масштаб, можно получить пинч-зум, но для всего.

Есть ли способ включить масштабирование только для изображения? Как насчет добавления нового тега viewport в iframe, будет ли это работать, если это вообще возможно?

ОБНОВИТЬ

Injected HTML into the iframe. Added the meta tag, this did not help.

Tried .extend($.mobile.zoom, {locked:false,enabled:true}); on the iframe body, this did nothing.

Ответы на вопрос(4)

возможно, вы сможете определить, когда пользователь выполняет пинчжестзатем увеличьте изображение, используяCSS трансформация.

 Halsafar05 июл. 2012 г., 01:55
Заглядывая в этот метод.
Решение Вопроса

лучший способ сделать это - использовать плагин ChildBrowser. Это на IOS и Android прекрасно работает для изображений.

IOS Childbrowser:

 https://github.com/purplecabbage/phonegap-plugins/tree/master/iPhone/ChildBrowser

Android ChildBrowser:

 https://github.com/phonegap/phonegap-plugins/tree/master/Android/ChildBrowser

Затем, выполнив все настройки, вы можете открыть URL-адреса или локальные файлы, например:

 window.plugins.childBrowser.onLocationChange(location);

Обратите внимание, что при полностью кроссплатформенной установке между IOS и Android им обоим нужны разные версии плагина. IOS требует инициализации ChildBrowser в onDeviceReady, Android не требует.

 22 сент. 2015 г., 14:53
Github url больше не работает:github.com/alunny/ChildBrowser
 09 окт. 2018 г., 12:13
Я сделал тест. Я не сказал это бесплатно, я предполагал, что разработчик может проверить код. Извините, что это не соответствует вашему вкусу, босс: v
 09 окт. 2018 г., 12:25
Согласитесь, нам нужно больше таких людей, как вы, очень хорошо образованных.
 09 окт. 2018 г., 14:28
Да, точно...

var image=document.getElementById('imageId');

image.addEventListener('gesturechange',function(e){

    if(e.scale>1){
        //zoom in 
        //increase the size of image according to the e.scale
    }

    else if(e.scale<1){
        //zoom out 
        //decrease the size of image according to the e.scale
    }
});
 22 мая 2017 г., 09:12
То что нужно!

Ваш ответ на вопрос