加载图像更快?(PHP，JQuery）

我有一个JQuery代码，如下所示：

var number_images = 5;
var ct = 1;
// Goto previous Picture
$('#changeImageMinus').on('click', function()
{
    if(ct-1>=1 && ct-1<=number_images)
    {
        ct = ct - 1;
        $('.container-bg').css("background-image","url('images/" +  ct + ".png')");
    }
})
// Goto next Picture
$('#changeImagePlus').on('click', function()
{
    if(ct+1>=1 && ct+1<=number_images)
    {
        ct = ct + 1;
        $('.container-bg').css("background-image","url('images/" +  ct + ".png')");
    }
})

我在文件夹images/中有类似1.png, 2.png ...的图像，所以我只需按"+"或"-"按钮即可前后加载图像。问题是加载需要很长时间，我想知道是否有可能将所有图像预加载到缓冲区或类似的地方。我基本上想在网站打开之前加载所有的图像，这样当我切换它们时，它会更快地显示出来。提前非常感谢！