0

hereからプラグイン 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 と「Lightbox2 はオープンソースです」をチェックしてください。

于 2012-12-15T19:59:55.183 に答える
1

CSS3のトランジションを使用できます-それらはMSIE10でサポートされており、はるかに優れています-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 に答える