求一JQuery异步加载图片的demo

Question

打开页面显示loading图标，第一张图片加载完后将loading图标替换。点击下一张按钮，loading图标出现，第二张加载完后替换loading图jquery的例子最好 我现在做好的是点击直接用第二张图片替换第一张的src，如果图片是几M的高清图，感觉就不人性化了，网上找了半天没有合适的，求高手帮忙写个简单点的。还有加载时候的百分之多少的进度是怎么做到的。jquery异步加载图片

Answer 1

这个是现在的
var i=0;
var t=$("ul").children().length-1;
$(".btn").click(function(){
if(i>t)i=0;
var cur=$("ul").children(":eq("+i+")").attr("name");
$("#show").html("<img src='../../images/2012_qita/"+cur+"'/>");
i++;
});

Answer 2

lz 你这个src好像也是写死的，这个图片都是从哪里来的？？ 如果是异步从服务器获取的 用ajax异步加载的时候有一个beforeSend的事件，可以在这个事件中添加一个loading的图片，提示用户在loading，然后当执行完ajax，jaxSucess中移除这个图片，然后把加载的图片显示出来。

Answer 3

go_further 你好，
所有src的路径都已经加载到当前页面了。
ajax可以异步请求一个图片路径么？我以前做的都是请求到一个php然后返回图片路径，页面显示。
如果用ajax异步请求返回图片路径的话，比如图片是高清的几M大小甚至几十M，返回页面得到图片路径，页面还要再按照路径去加载这张大图。我的问题就在这里，页面显示这张图的时候如果网速慢就是一部分一部分加载出来的，我想让图片在完全加载完后，再显示出来。这时候再加个animate()什么的，就感觉比较漂亮了。