使用jquery预加载图像

更新：

firs附加一个空图像和一个带有一些文本的span

隐藏加载图像，加载后显示图像

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();
}); 

旧职位 好的，我花了两天时间尝试预加载图像，但没有成功！我有这个功能：

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是图像的名称

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();
}); 

当图像加载时，我想显示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();
});

...

但是，所有的将隐藏和加载后的图像显示，我想与一个gif或文本在它的apear和图像加载后的链接和图像到apear

如何做到这一点？ 有人有主意吗？

---

谢谢

这绝对是一个没有简单答案的问题

当我之前问的时候，我得到了一些非常好的建议，我绝对不是第一个问的

---

所有人都认为，最好的检查方法似乎是循环一个函数，设置一个间隔，然后等待在每个图像上设置的触发器返回正加载状态，但我发现，即使它对AJAX页面加载效果很好，它也不是防弹的。

我如何实现函数中的内容检查问题的答案。从本质上讲，如果您在调用您想要完成的任务之前删除了这段代码，并在此之前加载了加载动画，那么您应该处于良好状态。代码只向每个映像发送操作，而这些映像反过来会发回它们自己执行的操作。