1

私は次のコードを使用しています:

   $.ajax({
        url: "pgiproxy.php",
        data: ({ data : $("#formdata").serialize(), mode : "graph"}),
        success: 
            function(result){
                var temp = $('<div/>').html(result);
                var val = temp.find('center').html();
                $('#BFX').html(val);
            },
        error:
            function(){
                $("#error").html("ERROR !!!");
            }
    });

「pgiproxy.php」への ajax 呼び出しからの「結果」は Web ページ全体 (文字列として返される) であり、これは jQuery オブジェクトに変換され、「var」に格納されます。次に、「val」に格納されている .find() を使用して、必要なデータ (.gif 画像) を抽出します。この画像は、表示のために #BFX div に挿入されます。

私の問題は、ボタンをクリックしてこの画像を更新するたびに、ウェブから読み取っているときに画像が上から下に読み込まれていることを示しています。この画像が完全に読み込まれた後にのみ表示する方法はありますか?ユーザーは画像の読み込みを確認せず、画像の変化のみを即座に確認できます。

4

2 に答える 2

2

.load()ロードイベントを使用<img>

最初に画像を非表示にしてから、読み込みが完了したら表示します...

クイックデモコードを見る

于 2010-05-14T09:12:52.093 に答える
0

すべて手動で行うことができます。バックグラウンドで画像を読み込んでから、ページに挿入します。このトピックを含め、トピックを詳細に説明している記事がいくつかあります:
http://jqueryfordesigners.com/image-loading/

于 2010-05-13T16:26:07.240 に答える