图像热点变焦

时间:2009-05-04 20:37:50

标签: javascript

2 个答案:

答案 0 :(得分:2)

这可能是您正在寻找的,请查看标准缩放示例:

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

答案 1 :(得分:0)

我认为这很简单,你可以自己编写一些很酷的东西。我会在这里指点一下,如果我不清楚,请随时提问。

当鼠标在鞋子的整个画面上时,获取其相对于该位置的位置(X,Y)并更改“缩放框”的背景位置。缩放框将为鞋子的全尺寸图像提供背景图像。

您需要进行一些计算,例如,如果鼠标位于(10,10)并且图像是预览的两倍,您希望将其显示在(20,20),就像这样。处理特定情况(角落,边界......)以及如果您希望鼠标指针位于框的中心也是一样的。这里的数学比编程^^

更多

希望有所帮助

编辑:当然如果您不想手动完成,John的答案将更适合您!