Javascript 在IE上玩变焦有困难吗

我试着使用来自的插件FancyZoom（用于在单击缩略图时显示完整图像）

我对它做了一点修改，以更好地满足我的需要，但不知怎么的，它在IE中不起作用

IE的例外情况是：

SCRIPT5007: Unable to get value of the property 'css': object is null or undefined
jquery.fancyzoom.js, line 91 character 5

为了快速参考，javascript的代码段如下：

function closeZoomBox(o){
 var oImgZoomBox = o.oImgZoomBox;
 o.oImgClose.remove();
 $('div',oImgZoomBox).remove();
 var endClose = function(){
   oImgZoomBox.empty().remove();
   o.imgSrc.css('opacity',1); // THROWING ERROR HERE
};
}

如果你能调查一下我做错了什么，那将非常有帮助。（或者向我推荐任何其他适合我需要的插件）

问题只在于IE9。它甚至适用于IE8、IE7

---

我要到22小时才能开始奖励，但我保证，如果有人能帮我，我会奖励100分。

插件主页上写着，“阴影插件只适用于非ie浏览器，将其添加到html页面的标题中，精美的缩放将在缩放图像上显示阴影。”

---

这里有一些在IE中可用的替代方案：Shadowbox.js似乎可以满足您的需求，并且可以在“所有主流浏览器”中使用。或者，在“适用于所有现代浏览器”和“Lightbox2是开源的”中查看Lightbox2。“阴影插件只适用于非ie浏览器，将其添加到html页面的标题中，精美的缩放将在缩放图像上显示阴影。”

---

这里有一些在IE中可用的替代方案：Shadowbox.js似乎可以满足您的需求，并且可以在“所有主流浏览器”中使用。或者，在“适用于所有现代浏览器”和“Lightbox2是开源的”中查看Lightbox2。你可以使用CSS3的转换-它们受MSIE 10支持，而且更好-不需要javascript

<style>
 img {
  width: 32px;
  height: 32px;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
 }
 img:target {
  width: 64px;
  height: 64px;
 }
</style>
<a href="#img1"><img id="img1" src="./img.png" /></a>
<a href="#img2"><img id="img2" src="./img.png" /></a>

img{
宽度：32px；
高度：32px；
过渡：所有1都易于输入输出；
-webkit转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
}
img：目标{
宽度：64px；
高度：64px；
}

很简单：D

---

编辑：是到JSFIDLE的链接。

您可以使用CSS3的转换-它们受MSIE 10支持，而且更好-不需要javascript

<style>
 img {
  width: 32px;
  height: 32px;
  transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
 }
 img:target {
  width: 64px;
  height: 64px;
 }
</style>
<a href="#img1"><img id="img1" src="./img.png" /></a>
<a href="#img2"><img id="img2" src="./img.png" /></a>

img{
宽度：32px；
高度：32px；
过渡：所有1都易于输入输出；
-webkit转换：所有1都易于输入输出；
-o型转换：所有1均易于输入输出；
}
img：目标{
宽度：64px；
高度：64px；
}

很简单：D

---

EDIT：是指向jsFiddle的链接。

因此我仔细阅读了所有Javascript代码并找出了问题所在，即图像的文件名。我使用了

“registration pages.png”

（带有空格），它以某种方式将此文件名转换为代码中的

“registration%20pages.png”

，并将其与原始文件名进行比较。这是一个蹩脚的错误，但我认为更多的是在我实施的方式上

---

感谢投入时间的人。

所以我仔细阅读了所有Javascript代码，找出了问题所在，那就是图像的文件名。我使用了

“registration pages.png”

（带有空格），它以某种方式将此文件名转换为代码中的

“registration%20pages.png”

，并将其与原始文件名进行比较。这是一个蹩脚的错误，但我认为更多的是在我实施的方式上

---

感谢投入时间的人。

该插件在IE9中不起作用。阴影没问题。图像试图开始加载，但随后停止。是否有特殊原因需要使用FancyZoom？为什么不直接使用LightBox2呢？我的图像很大，甚至比桌面分辨率还要大。它可以完美地处理它们，并相应地调整它们的大小。Lightbox2没有。该插件在IE9中不起作用。阴影没问题。图像试图开始加载，但随后停止。是否有特殊原因需要使用FancyZoom？为什么不直接使用LightBox2呢？我的图像很大，甚至比桌面分辨率还要大。它可以完美地处理它们，并相应地调整它们的大小。Lightbox2没有。谢谢，但我不想要那样的东西。我发现这个插件完全满足了我的需求，但由于某种原因，它无法在IE9上运行。谢谢，但我不想要这样的东西。我发现这个插件完全满足了我的需求，但由于某种原因，它无法在IE9上运行。