Php 在将图像循环为div背景之前加载图像？

我有一个使用CSS用php开发的标准网页，目前有一点javascript，可以循环浏览一些提供div的图像。你可以看到这个网站，这不是它的最终休息地，这是一个临时网站。如果你看一下优惠横幅。当它切换到下一个图像时，它会在加载下一个图像时变为白色。在将下一个图像应用于div background属性之前，是否有加载该图像的方法？ 这是我的javascript atm

var c=0
var s
function offersCycle()
{
  if (c%3==0){
  document.getElementById('offers').style.background = "url(/images/1.jpg)";
}
if (c%3==1){
  document.getElementById('offers').style.background = "url(/images/2.jpg)";
}
if (c%3==2){
  document.getElementById('offers').style.background = "url(/images/3.jpg)";
}
c=c+1
s=setTimeout("offersCycle()",8000)

我尝试在javascript中使用一组新图像，并在循环它们之前定义它们，但它们不会应用于CSS，因为这依赖于url而不是图像本身？任何想法都值得赞赏。 干杯

---

乔丹

我会这样做：

var c = 0, images = ["/images/1.jpg", "/images/2.jpg", "/images/3.jpg"];
for(var i=0; i<images.length; i++) {
  var img = new Image();
  img.src = images[i];
}
function offersCycle() {
  document.getElementById('offers').style.background = "url("+images[c%images.length]+")";
  c++;
}
var s = setTimeout(offersCycle, 8000);

var c=0，images=[“/images/1.jpg”、“/images/2.jpg”、“/images/3.jpg”]；
对于（var i=0；i，可以使用Javascript预加载图像

此处的详细信息：
向我们展示您试图解决问题的代码。@KooiInc-我们正在取一个模数：）如果
c==3
，它是
0
，
c==4
，是
1
，等等：）…您确实指出了一些问题，这应该是
图像。长度
要更灵活，请更新。