jQuery/CSSトランジションがFirefoxで動作しない

Question

イメージが5秒ごとに変更されるWebサイト上の機能に取り組んでいます。フェーディング効果を持つ別のイメージに切り替える必要があります。

私のjavascriptはこの

jQuery('.mySlider').css({"background-image" : "url(/images/image1.jpg)"}); 

var counter = 0; 
function setBckImage(){ 
    if(counter<2){ 
     counter++; 
    } else { 
     counter=1; 
    } 


    switch (counter){ 
     case 1: 
      jQuery('.mySlider').css({"background-image" : "url(/images/image1.jpg)"}); 
      break; 
     case 2: 
      jQuery('.mySlider').css({"background-image" : "url(/images/image2.jpg)"}); 
      break; 
    } 
} 

if(jQuery('.mySlider').length) { 
    setInterval(setBckImage, 5000); 
} 

のようなもので、移行のためのCSSは次のようである：それは完全にFirefoxでクロムで動作しますが、ない

.mySlider{ 
left: 0px; 
-webkit-transition: background 1000ms ease-in 1000ms; 
-moz-transition: background 1000ms ease-in 1000ms; 
-o-transition: background 1000ms ease-in 1000ms; 
transition: background 1000ms ease-in 1000ms; 
} 

。私は、firefoxは、私がやっていることではない、 "移動する"遷移の出発点が必要だと読んだが、私はとにかくそれを設定し、まだ動作しません。私のファイアウォールのコンソールにエラーはありませんので、何が問題になる可能性があるのか​​分かりません...

どこから見ていきますか？

編集：ここjsfiddleは次のとおりです。https://jsfiddle.net/kkyyzzug/

Answer 1

this answerに基づいて - 遷移背景画像は、Firefoxにはまだ実装されていません。インライン背景を変更する代わりに、イメージコンテナのクラス名を変更することができます。したがって、クラス名に基づいて背景画像を変更することができます