2015-02-04 4 views
-3

3 초마다 Jumbotron 배경을 변경해야하지만 코드가 작동하지 않습니다. 뭐가 문제 야?배경이 자동으로 변경됩니다.

var trocafundo = function() { 
    var fundoimg = 1; 
    var carrossel = function Troca() { 
     if(fundoimg === 1) { 
      $(".jumbotron").css("background-image","url('../images/bg2.png')"); 
      fundoimg = 2; 
      } else { 
      $(".jumbotron").css("backround-image","url('../images/bg1.png')"); 
      fundoimg = 1; 
      } 
     } 
}; 

$(document).ready(
    setInterval(carrossel,1000); 
); 
+3

'carrossel'은'trocafundo' 안에 중첩되어 있으므로 타이머 호출에서 볼 수 없습니다. –

+1

그리고 1 초마다입니다. – epascarello

+0

전화를 $ (document) .ready ( )로 변경했습니다. setInterval (trocafundo, 1000); ); 작동하지 않았다. 내가해야하는 것? –

답변

1

가변 범위에 관한 내용입니다. "trocafundo"기능을 제거하십시오. 자세한 내용은이를 참조하십시오 http://www.w3schools.com/js/js_scope.asp

당신은 또한 몇 가지 구문 오류를 수정, 코드 참조 :이 일을해야한다고 생각

$(document).ready(function() { 
    var fundoimg = 1; 
    var carrossel = function() { 
     if(fundoimg === 1) { 
      $(".jumbotron").css("background-image","url('../images/bg2.png')"); 
      fundoimg = 2; 
     } else { 
      $(".jumbotron").css("background-image","url('../images/bg1.png')"); 
      fundoimg = 1; 
     } 
    } 

    setInterval(carrossel,1000); 
}); 

합니다.

+0

작동하지 않았습니다! 간격을 3 초로 변경했습니다. 내가 뭘 잘못하고있어? –

+0

괄호를 놓친 것 :'var carrossel = function {' 고정. 데모 : http://jsfiddle.net/00grhmpx/ – sboesch

+0

도 작동하지 않았습니다. 어쩌면 js의 이미지 경로가 잘못되었을 수 있습니까? 내 프로젝트를 게시 할 수 있습니까? –

관련 문제