2012-02-29 6 views
0

J'essaie d'ajouter un effet de pincement pour une image ... sur pinchopen je veux zoomer et sur pinchclose je veux agrandir une image. J'ai essayé d'employer le plugin de jgestures ... mais le travail de dint. J'emploie le jquery mobile et le html5.it s une application d'ipad.Pincer pour zoomer et zoomer d'une image

toute aide est appréciée

Merci

Répondre

1

Jetez un oeil à zepto

Ce cadre (même syntaxe que jquery) a été développé spécialement pour dispositifs mobiles et la beauté de cela est que les événements tactiles sont facilement capturés.

Exemple:

$('#imagelist img').pinchIn(function(){ 
    // some function that makes your images larger 
}); 

Un exemple de réalisation ici: http://jsfiddle.net/RUChL/10/

+0

Merci ... mais comment puis-je le faire fonctionner ... Ai-je besoin d'ajouter une référence afin d'utiliser zepto? – sonu

+0

Comme jQuery, vous incluez dans votre page. Attention cependant, pour éviter les conflits, vous devez d'abord inclure jquery, puis utiliser Zepto ('selector') au lieu de $ ('selector') car le dollar fera référence à jquery. –

+0

J'ai téléchargé zepto et zepto.min javascripts et j'ai ajouté le code suivant ... mais toujours l'événement pinchIn n'est pas détecté $ ('img # DocumentViewerImage'). PinchIn (function() { $ ('img # DocumentViewerImage') .animate ({width: "500px"}, 'slow'); }); – sonu

Questions connexes