0

更新しました：

まず、空の画像とスパンにテキストを追加します

読み込み中の画像を非表示にし、読み込み後に画像を表示します

var pathimg = "path/to/image" + "?" + (new Date()).getTime();

$('#somediv').append('<div><span>loading..</span><img  id="idofimage" src="" alt="" ></div>')

jQuery("#idofimage").hide().attr({"src":pathimg})
                .load(function() {
                jQuery(this).show();
});

古い投稿 OK、2 日間かけて画像をプリロードしようとしましたが、成功しませんでした! 私はこの機能を持っています:

jQuery.getlastimage = function(id) {
    $.getjs();
        $.post('operations.php', {'operation':'getli', 'id':id,}, function(lastimg){
            $("#upimages" + id).html('<a href="uploads/'+ lastimg +'?'+ (new Date()).getTime() +'"><img class="thumbs" id="' + id + '" alt="' + lastimg + '" src="uploads/' + lastimg +'?'+ (new Date()).getTime() + '" /></a>');

        });
};

lastimg は画像の名前です

画像の読み込み中に、gifまたは「読み込み中...」というテキストを表示したい。

関数は次のようになります。

<div class="upimage">
  <ul class="thumbs" id="upimagesQueue">    
  **<li id="#upimagesRIFDIB">
            <a href="uploads/0001.jpg?1271800088379">
                <img src="uploads/0001.jpg?1271800088379" alt="0001.jpg" id="RIFDIB" class="thumbs">
            </a>
    </li>**

    <li>
          ....
    </li>
  </ul>
</div>

私はこのように試しました：

    ...
$.post('operations.php', {'operation':'getli', 'id':id,}, function(lastimg){
$("#upimages" + id)
.html('<a href="uploads/'+ lastimg +'?'+ (new Date()).getTime() +'"><img class="thumbs" id="' + id + '" alt="' + lastimg + '" src="uploads/' + lastimg +'?'+ (new Date()).getTime() + '" /></a>')
.hide()
.load(function() {
    $(this).show();
});

...

しかし、すべて<li>が非表示になり、<li>画像をロードした後に表示されます.GIFまたはテキストが表示され、画像がロードされた後にリンクと画像が表示されます!

これを行う方法？誰にもアイデアがありますか？ありがとう！

4

1 に答える 1

0

それは間違いなく簡単な答えのない質問です。

jQuery: 動的画像処理 (ロード待ち)

以前に質問したとき、そのスレッドで本当に素晴らしい提案をいくつか得ましたが、決して私が最初に質問したわけではありません.

すべてのアカウントで、チェックする最善の方法は、関数をループし、間隔を設定し、各画像に設定したトリガーが負荷に対して正に戻るのを待つことです。 AJAX ページの読み込みについては、防弾ではありません。

于 2010-04-21T15:35:09.487 に答える