Question

关于Jquery的一个图片加载

我现在需要做一个图片的相册
我想晓得这个图片的加载是否有实际的意义
$().ready(function(){
var $img = $("#img img");
var imgnum = $img.length;
var newimg =new Array(imgnum);
var imgsrc =new Array(imgnum);
var i=0;
for(i=0;i<=imgnum;i++)
{
newimg[i]=new Image();
picimg=$("#img img").eq(i).attr("src");
newimg[i].src =picimg;
}

})

我现在需要加上一个图片没有加载完的情况下在屏幕中间出来一个加载的图片
例如就是一个圈圈在哪转之类的
怎么才可以实现这个呢？

我的HTML为
<div id="img" style="visibility:hidden;">
<img src="bac0000.gif" />
<img src="bac0001.gif" />
<img src="bac0002.gif" />
<img src="bac0003.gif" />
<img src="bac0004.gif" />
<img src="bac0005.gif" />
<img src="bac0006.gif" />
<img src="bac0007.gif" />
<img src="bac0008.gif" />
</div>

Answer 1

没什么实际意义。

你的页面里本来已经有了这一堆图片信息了，你怎么在页面load的时候又读了一遍这些img并且重新生成了这么一组同样的img？而你又没把它们放到什么位置去，完全是在做无用功嘛。

如果你想显示加载图片，那么你可以使用ajax啊，在readystate不为200的时候就一直显示这个进度图片，然后当程序全部处理完时就关闭它。

楼上说你写的格式不太好，我刚开始还不以为然，仔细一看，还真是这么回事。

Answer 2

先准备一张旋转的图片吧
在html加:
<div id="whirl_img" style="visibility:visible; width:100px; height:100px; background-image:url(.....jpg)">
</div>
offset自己定吧,因为你的img这个div是设置为隐藏的，所以我猜你的意思是在图片加载的时候，旋转图片显示，加载完成隐藏掉。

那么做个判断就搞定了
........
for(i=0;i<=imgnum;i++)
{
if(i!=3)//还没有加载完成
{
newimg[i]=new Image();
picimg=$("#img img").eq(i).attr("src");
newimg[i].src =picimg;
}
else //加载最后一张图片
{
newimg[i]=new Image();
picimg=$("#img img").eq(i).attr("src");
newimg[i].src =picimg;
$("#whirl_img").css("visibility","hidden");//隐藏旋转图片
$("#img").css("visibility","visible");//将img div显示出来
}
}
........

如果你的图片已经指定了具体的地址，onload的时候，图片就已经在被自动加载了，这样做就没有实际的意义了，除非你的图片很大或是带宽有限。还有就是如楼上所说，这种情况更多的应用在ajax异步请求的时候。

Answer 3

朋友你的jquery写得好乱啊...命名方式也很不规范
其实你的本意是否就是把这些图片全部加载完毕以后才显示出来?