Comment sélectionner la partie perticular de l'image et zoomer cette partie en utilisant jquery?

Question

J'ai deux images superposées l'une sur l'autre en utilisant z-index. Je veux juste zoomer une partie particulière de ces images mais ce zoom est tel que je vais sélectionner une zone en utilisant la souris, c'est-à-dire en cliquant sur une partie de l'image et en faisant glisser la souris et relâcher le bouton de la souris. Alors s'il vous plaît dites-moi est-ce une telle chose est possible dans jquery? si oui, comment pourrais-je faire cela?

S'il vous plaît me guider amis!

Merci!

Answer 1

Essayez ce plugin: http://benjaminmock.de/bezoom-jquery-plugin/

Il ne fait pas exactement ce que vous voulez - il est conçu pour permettre interactif « loupe » zoom. Vous pourriez peut-être l'adapter cependant; ce n'est pas très compliqué. Fondamentalement, vous observer les mouvements de la souris, puis appliquer le rapport longueur-largeur de votre rectangle de sélection pour saisir une région de l'image réelle.

Answer 2

Je pense que le plugin jQuery Iviewer fait ce dont vous avez besoin. Iviewer est un plugin jQuery basé sur jQuery UI qui vous permet de zoomer/dézoomer, faire pivoter et déplacer des images dans la zone avec la souris sur votre page Web.

DEMO site here