javascript - 缩放瞄准鼠标光标的图像

使用案例

用户单击链接，将显示包含一个大图像的模态窗口，按比例缩小以适合此窗口。当用户向上或向下滚动鼠标滚轮时，图像会放大或缩小。图像在鼠标光标指向的任何位置进行缩放。

问题：

我无法将我的大脑包围在这样做的方法部分。

目前的运作方式：

单击链接时，jQuery插件会创建一个由CSS样式化的html元素的“查看器”集合。它是一个绝对定位的DIV，包含一个IMG元素。图像缩放到100％宽度。滚动时，每个滚动动作的图像增加5％。

因为图像在放大时放大，所以包含DIV（溢出：隐藏）最终会剪切图像。图像是可拖动的，因此您可以随时查看图像的所有部分。

我保留并知道的变量：

图像缩小比例。图像的尺寸是我们最近的缩放操作之前的尺寸。我们最近的缩放操作后图像的新尺寸。这两个维度的差异。图像的X和Y位置。鼠标光标的X和Y位置，相对于定位的容器DIV。

我可能需要的东西：

我知道我需要的变量，我只是无法掌握它们的顺序以及使用什么操作符。数学从来都不是我的强项，也不是语法。所以任何帮助都表示赞赏。

完成研究：

我搜索了很多现有解决方案。大多数是OpenGL或Flash / ActionScript的实现，这些都对我没有任何意义。我发现的几个基于javascript的示例是出于商业目的，即使这样，他们的源代码也被混淆或缩小，我无法正确地提取这个小功能的内部工作原理。

另外，我可能也没有正确的搜索词来解决它。