Question

Im making slide show with jquery

How i can set interval between two function

for example:

$('#slide').css('background-image', 'url(1.jpg)');
//sleep 5000 ms
$('#slide').css('background-image', 'url(2.jpg)');

Answer 1

var counter= 0,
        imgs = ['1.jpg', '2.jpg'];

$('#slide').css('background-image', 'url('+ imgs[counter] +')');

setInterval(function(){
   counter++;
   if(counter > imgs.length-1) counter = 0;
   $('#slide').css('background-image', 'url('+ imgs[counter] +')');
}, 1000);