Question

使用jquery载入一个动态生成的大图片时怎么做等待效果

因为网站最近要改版UI,不知怎么改好那些等待效果
动态图片 路径是这样 photo.php?A=ssdkd&B=ssdd
等待图片地址是 loading.gif

我html是这样写的
<div id="ph_div">
<img src="#"/>
</div>

在未载入动态图片时显示loading,gif

Answer 1

// 这样写

function loadimage(){
$("#ph_div > img").attr("src","load.png"); // 加载等待图片
$("#ph_div > img").attr("src","photo.php?A=ssdkd&B=ssdd
");
}
loadimage();

// 这样先加载load.png 就可以在动态图片加载完毕之前一直显示load.png

Answer 2

function a(){
    .
    .
    .
    setTime("a()",1000);
}


a()是生成大图的函数
1000（毫秒）是等待时间


将 setTime("a()",1000);写到函数a的里面会递归调用每隔1000毫秒执行一次函数a

如果将setTime("a()",1000);放到a的外面就会等待1000毫秒然后只执行一次a

Answer 3

image.onload()函数是图片加载完毕后执行的，你可以利用一下
思路是，网页打开后，先执行loading，然后在image加载完毕后，也就是在onload（）里，关闭loading
实在不行你就参考一下我写的blog：http://alucardg.5252e.com，js代码是公开的
忘说了，也用的是JQ

Answer 4

$(document).ready(function() {
调用的方法写在这里面试一下看看行不行呀;
}