在这个jQuery背景图片滑块中关闭延迟加载？

Question

我正在使用一个非常简单的jQuery背景图像滑块，但我无法弄清楚如何让它一次加载所有图像，而不是在它们遇到页面时延迟加载它们。

我有一个codepen，你可以找到here精确的＆amp;简单复制我遇到的问题。

以下是此滑块使用的jQuery：

            $(function() {
  var body = $('#page-wrap');
  var backgrounds = ['url(http://i.imgur.com/2oDuWCq.jpg)', 'url(http://i.imgur.com/yF6Imbd.jpg)'];
var current = 0;

function nextBackground() {
  body.css(
   'background',
    backgrounds[current = ++current % backgrounds.length]
 );

 setTimeout(nextBackground, 6000);
 }
 setTimeout(nextBackground, 6000);
   body.css('background', backgrounds[0]);
 });

非常感谢任何帮助！