전환 이미지

Question

내가 뭘 하려는지 간단히 DIV의 배경 이미지를 x 시간 간격으로 전환하는 것입니다.

index = (index + 1) % length 

... length이의 길이 :

// Object of Background images per make 
var bs = { 
    "time": 2000, 
     "url": { 
     "BMW": ["url('img/cars/bmw/1.jpg')", "url('img/cars/bmw/.jpg')", "url('img/cars/bmw/3.jpg')"], 
      "Audi": ["url('img/cars/audi/1.jpg')", "url('img/cars/audi/2.jpg')", "url('img/cars/audi/3.jpg')"], 
      "GMC": ["url('img/cars/gmc/1.jpg')", "url('img/cars/gmc/2.jpg')", "url('img/cars/gmc/3.jpg')"] 
    } 
    //ect... 
}; 
var Slider = $("#Slider"); // DIV element 
function Slide(car) { 
    var sLength = bs.url[car].length; // array # of pictures available 
    Slider.css({ 
     "background": bs.url[car][index], // ?? here how do you auto increment & restart cycle 
     "background-position": "center", 
      "background-attachment": "fixed", 
      "background-size": "cover" 
    }); 
    setInterval() // here call Slide & ++ index ? 
} 
$(document).ready(function() { 
    Slide("BMW"); 
}); 

Answer 1

나머지 연산자는 주위에 당신의 index 같은 것들을 포장 정말 유용

이

내가 지금 무엇을 가지고 인덱싱 대상 (0 기반 인덱싱을 가정). 함수에 함수와 index`

function Slide(car) { 
    var urls = bs.url[car]; 
    var index = 0; 

    function run() { 
     Slider.css({ 
      "background": urls[index], 
      "background-position": "center", 
      "background-attachment" : "fixed", 
      "background-size" : "cover" 
     }); 
     index = (index + 1) % urls.length; 
    }  

    run(); 
    setInterval(run, bs.time); 
}