jQuery/CSS 전환이 파이어 폭스에서 작동하지 않습니다.

Question

저는 5 초마다 이미지가 변경되고 페이드 효과가있는 다른 웹 사이트로 전환해야하는 웹 사이트 기능을 개발 중입니다.

내 자바 스크립트는이

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는 다음과 같이이다 : 그것은 완벽하게 파이어 폭스에서 크롬에서 작동하지만,하지

.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; 
} 

. 나는 파이어 폭스가 "움직이는"장면 전환을위한 출발점을 필요로한다는 것을 읽었는데, 이것은 내가하는 일이 아니라 여전히 어쨌든 하나를 설정하고 여전히 작동하지 않는다. 내 파이어 폭스 콘솔에는 오류가 없으므로 문제가 될 수있는 것이 무엇인지 모릅니다 ...

어디서부터 시작해야합니까?

편집 : 여기에 jsfiddle은 다음과 같습니다 https://jsfiddle.net/kkyyzzug/

Answer 1

this answer을 바탕으로 - 전환 배경 이미지가 파이어 폭스에서 아직 구현되지 않습니다. 인라인 배경을 변경하는 대신 이미지 컨테이너의 클래스 이름을 변경할 수 있습니다. 따라서 클래스 이름을 기반으로 배경 이미지를 변경할 수 있습니다