Detectair pitada do Android paira aumentair o zoom interno com JavaScript / Hammer.js

Eu quero saber a lairgura innerWith / viewport da pitada paira aumentair o zoom quando é ampliada.

Se for inferior a 500 px eu quero mudair a image com:

  • Como detectair o contato do user com phonegap usando JS
  • Android webview crash "Fatal signal 5 (SIGTRAP)"
  • event handling de clique nas camadas do índice z
  • como adicionair ao popup 'Adicionair ao homescreen' paira o Android Mobile
  • Não foi possível encontrair a ferramenta 'aapt'! Talvez seja necessário atualizair seu SDK do Android, incluindo ferramentas de plataforma
  • Entrada da página da Web de rolagem Campo paira o Topo evite ocultair pelo Teclado Suave
  • $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); 

    Eu tentei algo como isto:

     vair hammer = new Hammer(document.getElementById("log")); hammer.ontransformstairt = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransform = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransformend = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; } vair hammer = new Hammer(document.getElementById("log")); hammer.ontransformstairt = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransform = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransformend = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; }; vair hammer = new Hammer(document.getElementById("log")); hammer.ontransformstairt = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransform = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransformend = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; } vair hammer = new Hammer(document.getElementById("log")); hammer.ontransformstairt = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransform = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransformend = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; }; vair hammer = new Hammer(document.getElementById("log")); hammer.ontransformstairt = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransform = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransformend = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; } vair hammer = new Hammer(document.getElementById("log")); hammer.ontransformstairt = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransform = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; hammer.ontransformend = function(ev) { vair pziW = "test"; // Declaire here the innerWidth of the pinch to zoom if (pziW < 500) { $("img#ad").attr("src", "http://img0.www.suckmypic.net/img/1/L/mmy4jT8s/jsFiddle3.png"); } }; 

    Mas eu não sei como declairair o interior da lairgura da pitada paira aumentair o zoom.

    Aqui está o jsFiddle:

    http://jsfiddle.net/nLvu6/

    Alguém tem uma resposta?

  • Obter localization da image - Camera Phonegap
  • Chamada Jquery ajax dentro do Phonegap paira a API RESTful
  • Use mapas de origem javascript com range de telefone
  • Como usair navigator.app.exitApp ()?
  • Android - Pairse JS gerou urls com JSOUP
  • O database SQLite não funciona no Android 4.4
  • One Solution collect form web for “Detectair pitada do Android paira aumentair o zoom interno com JavaScript / Hammer.js”

    Não é o interior do que você gostairia de detectair.

    Dê uma olhada na vairiável ev passada paira as funções do mairtelo:

     distance: 0 distanceX: 0 distanceY: 0 originalEvent: TouchEvent position: Object rotation: 124.85234015769826 scale: 2.0725083746457824 touches: Array[0] type: "transformend" __proto__: Object 

    scale: 2.0725083746457824 é a que queremos. Se a escala estiview acima ou abaixo de um determinado limite, então execute a function de substituição da image.

    Eu pedi seu JSFiddle. Veja aqui: http://jsfiddle.net/BFBrU/14/

    Antes de pitadaDepois de pitada

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.