Ich habe eine funktionierende JQM-Anwendung, in der ich einige Bilder anzeigen möchte. Die Bilder befinden sich derzeit in einem eigenen iFrame, sodass sie separat von der App gescrollt werden können.
Ich möchte auch nur die Bilder im iframe zoomen können.
Ich weiß, wenn ich das folgende Code-Snippet anpasse, kann ich Pinch-Zoom aktivieren, aber dies aktiviert es für die gesamte Anwendung.
%Vor%Durch das Entfernen der maximalen Skalierung wird der Pinch-Zoom aber für alles zurückgegeben.
Gibt es eine Möglichkeit, Pinch-Zoom nur für ein Bild zu aktivieren? Wie wäre es mit dem Hinzufügen eines neuen Viewport-Tags zum iframe, würde das funktionieren, wenn das überhaupt möglich ist?
AKTUALISIEREN
Hat HTML in den iframe eingefügt. Hinzugefügt das Meta-Tag, das hat nicht geholfen.
Versuchte .extend ($. mobile.zoom, {locked: false, aktiviert: true}); auf dem iframe-Körper tat dies nichts.
Es stellt sich heraus, dass dies am besten mit dem ChildBrowser-Plugin geschieht. Dies auf iOS und Android funktioniert perfekt für Bilder.
IOS Childbrowser:
%Vor%Android ChildBrowser:
%Vor%Wenn Sie alle Einstellungen vorgenommen haben, können Sie die folgenden URLs oder lokalen Dateien öffnen:
%Vor%Beachten Sie, dass in einem vollständig plattformübergreifenden Setup zwischen iOS und Android beide Versionen des Plugins benötigt werden. IOS erfordert ChildBrowser init in onDeviceReady, Android nicht.
Als (hack) Workaround können Sie möglicherweise feststellen, wenn der Benutzer eine Prise ausführt Geste , dann zoomen Sie das Bild mit CSS transformieren .
Tags und Links html cordova jquery jquery-mobile pinchzoom