image zoom in meteor android cordova

Question

Je construis une application de chat en utilisant Meteor pour Android. J'ai inclus l'option "Ajouter une image" en utilisant le plugin caméra Cordova. Maintenant, une fois l'image téléchargée et vue par les utilisateurs, je veux cliquer dessus et la zoomer. La façon de procéder?

Voici mon rendu d'image code:

<div class="message"> 
    <img src="{{t.img}}" 
     data-action="zoom" 
     class="showImage" 
    > 
</div> 

J'ai essayé d'utiliser le paquet inno:zoom mais sans succès. Des idées?

Dans la tête html, j'ai le code suivant:

<meta http-equiv="X-UA-Compatible" content="IE=edge"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=1"> 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 

Answer 1

Je suggère d'utiliser une bibliothèque tactile, comme Hammerjs: http://hammerjs.github.io/

Il y a beaucoup de façons de travailler avec contact dans JavaScript, mais ils peuvent être difficiles si vous n'avez pas d'expérience avec eux.

Vous devrez peut-être mettre l'image téléchargée dans son propre modèle et utiliser des variables réactives pour réinitialiser l'élément d'image afin d'activer la fonction de zoom. C'est probablement aussi vrai pour le paquet que vous avez déjà essayé.

Si vous pouviez partager plus d'exemples de code, je (ou d'autres) pourrait être en mesure de donner une réponse plus spécifique.