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