使用来自flickr api的jquery预加载图像

Question

我正在通过flickr api调用随机图像。

现在它正在运行，但用户需要等待图像下载， 如何预加载下一张图像，以便用户立即看到图像。 我需要每次只预加载下一张图片，这是我的代码：

$(document).ready(function(){

    $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
    {
        //tags: keyword,
        tagmode: "any",
        format: "json"
    });


    var loadNewImage = function() {
      var rnd = Math.floor(Math.random() * data.items.length);
      var image_src = data.items[rnd]['media']['m'].replace("_m", "_b");
      $('.main').css('background-image', "url('" + image_src + "')");
    }

    var imageInterval = 10000;
    setInterval(loadNewImage(), imageInterval);

});

Answer 1

一种方法是将隐藏的img插入到文档中并处理其onload事件。