0

我试图从这里使用插件 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 分的赏金。

4

3 回答 3

3

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

以下是适用于 IE 的替代方案： Shadowbox.js 似乎可以满足您的需求，并且适用于“所有主要浏览器” http://www.shadowbox-js.com/。或者，查看http://lokeshdhakar.com/projects/lightbox2/上的灯箱 2 “适用于所有现代浏览器”和“灯箱 2 是开源的”。

于 2012-12-15T19:59:55.183 回答
1

您可以使用 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>

这么简单：D

编辑：这是 jsFiddle 的链接。

于 2012-12-15T20:18:02.320 回答
0

所以我检查了所有的 Javascript 代码并找出了问题，这在图像的文件名中。我正在使用"registration pages.png"（带空格），它以某种方式将此文件名转换"registration%20pages.png"为代码并将其与原始文件名进行比较。这是一个蹩脚的错误，但我认为这更多的是我实施的方式。

感谢那些投入时间的人。

于 2012-12-18T16:53:33.683 回答