UC知道关于Jquery的一个图片加载
来源：百度知道 编辑：UC知道 时间：2024/06/14 06:19:23
我现在需要做一个图片的相册
我想晓得这个图片的加载是否有实际的意义
$().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" />
我想晓得这个图片的加载是否有实际的意义
$().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" />
没什么实际意义。
你的页面里本来已经有了这一堆图片信息了，你怎么在页面load的时候又读了一遍这些img并且重新生成了这么一组同样的img？而你又没把它们放到什么位置去，完全是在做无用功嘛。
如果你想显示加载图片，那么你可以使用ajax啊，在readystate不为200的时候就一直显示这个进度图片，然后当程序全部处理完时就关闭它。
楼上说你写的格式不太好，我刚开始还不以为然，仔细一看，还真是这么回事。
先准备一张旋转的图片吧
在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("