我一直在使用 joomla 名称云缩放插件，它为我们的画廊提供了当您将鼠标悬停在此链接http://intangible-logic.com/amclassic/en上的大图像上时创建图像放大效果的能力/products/road-wheels/road-tubeless它几乎可以在所有浏览器上完美运行，但在 IE9 中，问题是当您将光标移动到无法移动的图像右侧时，它无法查看完整图像当你向下移动它时，它的边缘也是一样的。我认为这是一个 javascript 问题，但不知道从哪里开始。
问问题
1229 次
2 回答
2
感谢 Christopher Pelayo 为我指明了正确的方向。但是，我认为最好改变
cw = (sImg.outerWidth() / zoomImage.width) * zoomDiv.width();
ch = (sImg.outerHeight() / zoomImage.height) * zoomDiv.height();
到
cw = (sImg.outerWidth() / zoomImage.width) * zoomDiv.outerWidth();
ch = (sImg.outerHeight() / zoomImage.height) * zoomDiv.outerHeight();
于 2013-04-29T08:31:26.870 回答
1
跟踪代码几个小时后，我发现了问题：
在名为 cloud-zoom.1.0.2.js 的文件的第 277 行附近，您会发现以下代码：
cw = (sImg.outerWidth() / zoomImage.width) * zoomDiv.width();
zoomDiv.width() 的行返回了错误的值，但这仅发生在 IE9 浏览器上，所以我所做的是更新此代码以解决问题：
cw = (sImg.outerWidth() / zoomImage.width) * sImg.outerWidth();
不确定这将如何影响插件的工作方式，但它以某种方式解决了我们在 IE9 中的问题，并且也可以与所有其他浏览器完美配合。我希望这会对遇到与我相同的问题的任何人有所帮助。
于 2012-12-20T13:45:12.133 回答