java如何用getdocument加载图片

Answer 1

可以参考下面的循环显示图片的方法：替换src，并且预加载

<img src="" id="img_id" />

<script type="text/javascript">
//图片url放在数组中
var a_img = new Array("/imgs/i/4.jpg", "/imgs/i/5.jpg", "/imgs/i/6.jpg", "/imgs/i/7.jpg");
//当前值
var i_c = 0;
//0=需加载图片，1=加载中
var i_l = 0;

//显示图片
function showImg() {
//若正在加载图片时退出
if (i_l == 1 || a_img == null) { return; }
//加载开始
i_l = 1;
var o_div = document.getElementById("img_id");
//图片预加载
var oImg = new Image();
oImg.src = a_img[i_c];
//若图片已存在缓存中，直接显示
if (oImg.complete) { o_div.src = a_img[i_c]; showImgDone(); return; }
//预加载ok后处理
oImg.onload = function () { o_div.src = a_img[i_c]; showImgDone(); return; }
//预加载ng后处理
oImg.onerror = function () { o_div.src = a_img[i_c]; showImgDone(); return; }
}

//图片加载完成后的处理
function showImgDone() {
i_c = i_c + 1;
//如果当前值大于或等于图片总数时从0开始
if (i_c >= a_img.length) { i_c = 0; }
//恢复
i_l = 0;
}

//循环执行
setInterval("showImg()", 3000);
</script>