背景変更はchrome +でのみ機能します。$ .preloadは機能しません。

Question

8秒ごとに背景画像を変更するスクリプトを作成しました。クロムですべてうまく動作しますが、他のブラウザではうまく動作しません。 （Safari、Edge、IE 9-11、Mozillaでテスト済み） jQueryプリロードプラグインもありますが、実際には画像をプリロードしません。コンソールにエラーが表示されないので、なぜ動作しないのかわかりません。 コード：

var c = 1, 
    nimg = $('header .background .img').attr('data-bg'), 
    bgpath = $('header .background .img').css('background').match(/"(.*)"/), 
    imgpath, 
    imgs = [], 
    startpath, 
    startpoint, 
    selector = 'header .background .content .text', 
    time = 8000; 
if (path[1] == 'diwerf') { 
    startpath = '/'+path[1]; 
} else { 
    startpath = '/templates'; 
}; 
startpoint = bgpath[1].search(startpath); 
bgpath = bgpath[1].slice(startpoint); 

for (var g = 1; g <= nimg; g++) { 
    imgpath = bgpath.replace(/[0-9]/g, g); 

    imgs.push(imgpath); 
}; 

$.preload(imgs); 

function removeText() { 
    setTimeout(function() { 
     $(selector).fadeOut('slow', function() { 
      $(this).removeClass('animated').removeAttr('style'); 
     }); 
    }, time-600); 
} 

removeText(); 

setInterval(function() { 
    if (c == nimg) { 
     c = 0; 
    }; 
    c++; 
    bgpath = bgpath.replace(/[0-9]/g, c); 
    $('header .background .img').css('background', 'url('+bgpath+') center center no-repeat'); 

    setTimeout(function() { 
     $(selector+'-'+c).addClass('animated'); 
    }, 600); 

    removeText(); 
}, time+100); 

それも、「アニメーション」クラスを追加していない、何もしません。ここで

あなたは、ウェブサイトを見ることができます：助けをhttp://www.testing.dw-erfolg.eu/

感謝を！

Answer 1

あなたは簡略化したCSSプロパティを使用していますが、これはすべてのブラウザで保証されているわけではありません。

$('header .background .img').css('backgroundImage', 'url('+bgpath+')');