0

私はこのJavaScriptを持っています

$(function() {
    $('button').click(function() {         
        $('#imgText').html('<img src="imagecreator.php?param=' + $('input[name=username1]').val() + '"&param="'+ $('input[name=username2]').val() + '" />');
    });
});​

外部ソースから GD イメージをロードし、それを返します。遅くなる可能性があり、外部画像の読み込み中に読み込み中の gif を表示する方法がわかりません。

入力はありますか？

4

1 に答える 1

0

私がよく使用するもののようなサードパーティのものを使用してみてください: BlockUI ( http://www.malsup.com/jquery/block/ )。画像のコンテナーである要素をブロックするだけで、カスタマイズされた読み込み gif を作成し、その画像の読み込みイベントでブロックを解除します。

編集：

非常に大まかなコードはhttp://jsfiddle.net/EfGTS/にあります。必要に応じて、もう少し時間をかけてプレイする必要があります。

コード：

$(function() {
    $('input').click(function() {
        $('#theContainor').block({ 
            message: '<h1><img src="http://jimpunk.net/Loading/wp-content/uploads/loading45.gif" width="300px" height="300px"/>Just a moment...</h1>', 
            css: { height: '0px'} 
            }); 
        $('#theContainor').append('<img src="http://www.ptb.de/de/aktuelles/archiv/presseinfos/pi2011/bilder/20110228_thoron_big.jpg?seed=' + Math.random() +'" width="300px" onload="$(\'#theContainor\').unblock();"/>');
    });
});​
于 2012-12-23T04:49:36.397 に答える