如何停止预加载javascript数组的图像

时间:2015-03-06 05:14:54

标签: javascript html arrays

我正在尝试为移动设备制作图片库。

我已将图像存储到数组(照片数组)中。

它工作正常,除了它正在预加载所有数组的图像。我不想预加载图像,只有在调用函数向前或向后调用后才开始加载图像。

我已将这些代码尝试进入UC浏览器&谷歌浏览器。在UC浏览器中,它不是预加载图像,而是在chrome中。

查看代码

的Javascript

<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>

HTML

<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>

0 个答案:

没有答案