圖像熱點變焦

Question

我期待複製圖像縮放在這個網站： 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 當鼠標移到左邊的鞋，它顯示的是有一個更大的圖像和右側的框顯示的確切位置你正在複製。 任何想法，我會如何做到這一點？ 我可以使用的庫將提供此功能？

Answer 1

這可能是你在找什麼，看看標準變焦鏡頭，例如：

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

Answer 2

我認爲這很簡單，你可以給自己編碼一些很酷的東西。我只是在這裏指出，如果我不清楚，隨時提問。

當鼠標位於鞋的全部圖片上時，相對於該位置（X，Y）獲取其位置（X，Y）並更改「縮放框」的背景位置。縮放框將具有鞋的全尺寸圖像作爲背景圖像。

您需要做一些計算，如鼠標在（10,10）處，圖像的大小是預覽的兩倍，則需要在（20,20）處顯示它，類似的東西。同樣的事情來處理特定的情況（角落，邊界...），如果你想鼠標指針在盒子的中心。這是不是編程^^

希望幫助

編輯更多的數學：當然，如果你不想做手工，約翰的回答會更適合你！