1

jQueryを使用してIEで単純なズームを作成する際に問題が発生しているようです。Firefoxではすべてが順調ですが、IEはほとんどのユーザーから途切れ途切れであると報告されています。

IEのコードを（jQuery.browser.msieを使用して）無効にしましたが、可能であれば誰かの助けを借りたいと思います。

私のjqueryソースコードは以下のとおりです（upport関数は無視してください）。 

 this.imagePreview = function(){ 
 /* CONFIG */

  xOffset = 10;
  yOffset = 20;

  // these 2 variable determine popup's distance from the cursor
  // you might want to adjust to get the right result

 /* END CONFIG */
 $("a.preview").hover(function(e){
  this.t = this.title;
  this.title = "";
  this.inside = $(this).attr('inside')
  this.outside = $(this).attr('outside')
  var c = (this.t != "") ? "<br/>" + this.t : "";
  $("body").append("<p id='preview'><img width='260' src='"+ this.inside +"' />"+ c +"</p>");         
  $("#preview")
   .css("top",(e.pageY - xOffset) + "px")
   .css("left",(e.pageX + yOffset) + "px")
   .fadeIn("fast");      
    },
 function(){
  this.title = this.t; 
  $("#preview").remove();
    }); 
 $("a.preview").mousemove(function(e){
  $("#preview")
   .css("top",(e.pageY - xOffset) + "px")
   .css("left",(e.pageX + yOffset) + "px");
 });   
};
$(window).load(function(){imagePreview();});

問題のWebページの1つの例を次に示します：http ：//www.engreet.com/CategoryDe​​tail.aspx？cid=17 。ソースにスクロールすると、次のようなコードを使用して、サムネイルに内部のロールオーバー/ホバープレビューがあることがわかります。

<a href="/CardDetailFull.aspx?cid=670" outside="http://static.engreet.com/ArtistFiles/51/Happy_Bela_Front_633998103802577482.jpg" inside="http://static.engreet.com/ArtistFiles/51/Happy_Bela_InsideRight_633998103832264982.jpg" title="Inside Preview" class="preview">
 <img src='http://static.engreet.com/ArtistFiles/51/_128X178_Happy_Bela_Front_633998103802577482.jpg' alt="" width="128" />
</a>

どんな助けでも大歓迎です。いくつかの無料カードのコードを誰かに送ってください！

ありがとう、アダム

4

1 に答える 1

1

問題は、繰り返されていた透明な背景のPNG画像でした。それは 1x1 で、755x600 の正方形のキャンバスを埋め尽くしました。これを 25x25 に増やすことで、すべての問題が解決しました。最終的に問題を引き起こしたのは IE のクレイジーなレンダリングだったのに、jQuery に影響を与えてこの問題がどのように表示されたかはクレイジーでした!

これが将来誰かに役立つことを願っています。

于 2010-02-12T06:44:50.367 に答える