Question

I’m new to javascript and was just wondering the best way to go about changing the background image (only 2 images) of a DIV say like every 10 seconds. Thanks 🙂

Answer 1

This should do it for you : http://jsfiddle.net/U9GCM/

$(document).ready(function(){
var setFirst = $('.set').first();    
setFirst.addClass('active');
setTimeout(function(){change_background();},1000);
});

function change_background(){
    var setFirst = $('.set').first(),
        setActive = $('.active'),
        setNext = setActive.next(),
        setCheckActive = setActive.attr('id'),
        setCheckLast = $('.set').last().attr('id');

    if(setCheckActive == setCheckLast){
        setNext = setFirst;
        }

    $('.active').removeClass('active');
    setNext.addClass('active');
    setTimeout(function(){change_background()},1000);
    }

You can add as many divs as you want, just change 1000 to 10000 for ten seconds.

Hope it helps.