Question

我有应用程序只有HTML和Im在图库图像中显示高分辨率图像（超过1000px x 1000px）并花费很长时间加载一切（超过40多个图像），他们在我自己的图像文件夹应用程序，并通过卑鄙这样，图像的图像加载速度非常慢。有什么方法可以在之前显示某些内容并在后台加载所有内容，并在完成后显示图库图像？类似的东西，显示启动画面，而一切都开始加载高分辨率图像，当它完成时，它显示我的画廊图像。
编辑：图库需要很长时间才能加载开始构建的图像。 EDIT2：标题

Answer 1

我已经创建了一个带有我经常使用的图像预加载脚本的JSFiddle。在示例中，我从Flickr加载一些大图像，一旦加载，旋转的gif将被加载的文本替换。

**注意：这确实使用了jQuery的load（）函数，但可以很容易地转换为原生JS。

var preLoadImages = function (files, callback) {
    var i, img, _count, _counter, _interval;
    _count = files.length;
    _counter = 0;
    i = 0;
    while (i < files.length) {
        img = new Image();
        img.src = files[i];
        $(img).load(function () {
            return _counter++;
        });
        i++;
    }
    return _interval = setInterval(function () {
        if (_count === _counter) {
            clearInterval(_interval);
            return callback();
        }
    }, 50);
}

希望这有助于您实现目标。

http://jsfiddle.net/CcVqs/

平板电脑以高分辨率慢慢构建画廊图像

1 个答案: