JQuery Mobile Pinch Zoom Image Only

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

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

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

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

При удалении максимального масштаба масштабирование возвращается, но для всего.

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

ОБНОВЛЕНИЕ

  • Вставка HTML в iframe. Добавил метатег, не помогло.

  • Пробовал .extend($.mobile.zoom, {locked:false,enabled:true}); на теле iframe это ничего не дало.

8
задан donohoe 7 March 2013 в 17:03
поделиться