从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事件。