0

我需要一种通过 vanilla JS 或 jQuery 预加载背景图像的方法。我用的是纯CSS3 bg图库,就是一个普通的ul,每个li代表完整的bg图片。

没有 img 标签,每个 li 使用 css background-image 属性。我有四个画廊,每个画廊都由 AJAX 应要求加载。

如果有人可以指出一些例子,或者一些脚本可以帮助我为每个画廊预加载图像,那么当画廊被加载时,图像已经被预加载。

您可以在http://www.madebym.net/test/index.html看到测试站点

只有第一组链接有效,每个链接都指向新画廊。

4

1 回答 1

1

我有一个全局实用程序函数,用于处理任何图像预加载(您可以将图像数组传递给它)。

    $.preloadImages = function () {
        for (var i = 0; i < arguments.length; i++) {
            $('<img>').attr('src', arguments[i]);
            // For testing purposes: 
            //console.log('\n\u2713 Successfully Preloaded Image :: ');
            //console.log($('<img>').attr('src', arguments[i]));
        }
    }

用途是:

    $.preloadImages('test.jpg', 'test2.jpg'); // put all your images in there

但基本上你只是在创建一个空白$('img')。希望有帮助!

于 2012-08-30T19:14:20.040 回答