我正在尝试为移动设备制作图片库。
我已将图像存储到数组(照片数组)中。
它工作正常,除了它正在预加载所有数组的图像。我不想预加载图像,只有在调用函数向前或向后调用后才开始加载图像。
我已将这些代码尝试进入UC浏览器&谷歌浏览器。在UC浏览器中,它不是预加载图像,而是在chrome中。
查看代码
<script>
function setImage(imageURL){
document.getElementById('myimage').style.display='none';
document.getElementById('limg').style.display='block';
document.images.myimage.src=imageURL; setTimeout('doWhileLoading()',100);
}
function doWhileLoading(){
if(document.images.myimage.complete){
document.getElementById('myimage').style.display='block';
document.getElementById('limg').style.display='none';
} else{
setTimeout('doWhileLoading()',100);
}
}
function forward(){
if(which<photos.length-1){
which++;
setImage(photos[which]);
}
}
function backward(){
if(which>1){
which--;
setImage(photos[which]);
}
}
</script>
<div id='load'>
<img src='files/971220/load1.gif'id='limg'><img src='mk1.jpg'name='myimage'id='myimage'>
</div>
<a href='#'onclick='backward();return false'>prev</a>
<a href='#'onclick='forward();return false'>next</a>