image hot spot zoom

Question

Je cherche à reproduire le zoom de l'image sur ce site: http://www.endless.com/adidas-Originals-adiracer-Trefoil-Sneaker/dp/B001I44OIG/183-5587133-4823042?ie=UTF8&cAsin=B001I44O2W&qid=1241466506612&asinTitle=adidas%20Originals%20adiracer%20Trefoil%20HG%20Sneaker&ref_=sw_1&asins=B001I44O2W%2CB001I457WS%2CB001LDJ2MM%2CB001HBH5LS%2CB001O9BJ4C%2CB001VNCNI2%2CB001LDJ7M2%2CB001LNNY44%2CB001LDJ2UE%2CB001OONDCS%2CB001HBH4FA%2CB001OOMWUW&refURL=%252Fb%252F241993011%253F&contextTitle=Search%20Results&fromPage=asinlist&suppressRedirect=1 Lorsque vous passez la souris sur la chaussure sur la gauche, elle montre une boîte sur la droite qui a une plus grande image et montre l'endroit exact que vous copiez. Une idée sur comment je ferais cela? Une bibliothèque que je peux utiliser qui fournirait cette fonctionnalité?

Answer 1

c'est probablement ce que vous cherchez, regardez l'exemple zoom standard:

http://www.mind-projects.it/projects/jqzoom/

Answer 2

Je pense que c'est assez simple et que vous pourriez vous-même coder quelque chose de cool. Je vais juste donner des conseils ici, n'hésitez pas à poser des questions si je ne suis pas clair. Lorsque la souris est sur l'image complète de la chaussure, prenez sa position (X, Y) par rapport à cela et changez la position d'arrière-plan de la "boîte de zoom". La zone de zoom aura comme image de fond l'image en taille réelle de la chaussure.

Vous aurez besoin de faire un calcul, comme si la souris est à (10,10) et l'image est deux fois plus grande que l'aperçu, vous voulez l'afficher à (20,20), des choses comme ça. Même chose pour gérer des cas particuliers (coins, bordures ...) et si vous voulez que le pointeur de la souris soit au centre de la boîte. Ici, il est plus que la programmation mathématique ^^

espoir qui aide

modifier: Bien sûr, si vous ne voulez pas le faire manuellement, la réponse de John sera mieux adapté pour vous!