Jquery 更好的居中缩放图像的方法？

我使用了一个小jquery函数来放大和缩小鼠标上方的图像，同时保持约束框大小不变

请在此处演示：

它工作得很好，但是如果你在图像之间快速晃动光标，它就会失控。在中间缩放时，脚本存储的大小不正确。我尝试将

.stop（）

添加到等式中，但似乎无法修复该故障

我想我应该用

.each（）

来存储数据，而不是用鼠标盖，但我不知道怎么做

有什么想法吗？

看这里

---

最简单的是改变

var $w = $(this).width();
var $h = $(this).height();

到

//静态值

---

但是cheery的解决方案是最优的

我知道你在那里做了什么；）令人惊叹的！最终版本仍然会冻结我的计算机。@JohnRiselvato可能是您的浏览器（您没有提到您使用的是哪一个）或操作系统有问题。

var $w = $(this).width();
var $h = $(this).height();

var $w = 120;
var $h = 180;