fancybox1.3.1 Jquery ベースのプラグインでは、IE_jquery での画像表示の問題が発生します

主な機能は次のとおりです:

HTML、swf、Iframe、ajax リクエストの表示
画像表示のためのマウス スクロールのサポート
影、拡大効果のサポート
CSS のカスタマイズとナビゲーション ボタンの追加
公式より詳細な API と 使用方法 を提供します。ここでは使用方法については説明しません。公式 Web サイトを参照してください。以下のサンプル コードを見てみましょう:

コードをコピー コードは次のとおりです:

var selectedid = $( "select[name$=DdlSearchProfile]").val();
var selectedtxt = $("select[name$=DdlSearchProfile] :selected'").text(); "#editsp" ).fancybox({
ajax: {
type: "POST",
data: "selectedid=" selectedid "&selectedtxt=" selectedtxt,
キャッシュ: false
} 、
autoDimensions: false、
width: 300、
height: 125、
scrolling: 'no'、
//onStart: OnStartCheck、
onComplete: OnshowtxtForEdit、
titleShow: false,
enableKeyboardNavigation: false
});

ここでは、ajax モードでページをロードし、値を渡すために使用します。上記の ID やテキストなど、サーバー側で対応するデータを取得できます。OnComplete は CallBack です。これは、JQuery に精通している人なら知っているはずです。特定のシナリオに対応して呼び出すことができるいくつかの CallBack が提供されます。
IEで閉じるボタンの画像が表示されない問題を主に解決します。 CSS が

AlphaImageLoader Filter を使用していることがわかります。このフィルターの使用方法については、この POST を参照してください。

1 つの方法は、次のような絶対パスを使用することです:

1: AlphaImageLoader(src='http://yourdomain.com/js/fancybox/ fancy_loading.png' ..

Another Theこの方法では、JavaScript を使用して jquery.fancybox-1.3.1.css を開き、#fancybox-loading.fancybox-ie div を次のコードに置き換えます:

.fancybox-ie #fancybox-close {background : 透明; 動作: 式(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" (function(){var t=document.getElementsByTagName('link' ) ;for(var i=0;iちょっと面白そうです。CSS で Javascript を使用してください。

それなら、ここでは IE 8.0.7600.16385 を使用するのが最善の解決策です。そのような問題は発生しません。この Web サイトでも fancybox が使用されていることを後で示します:
を参照してください。

http://www.microsoft.com/express/windows/

この投稿があなたの開発に役立つことを願っています。