Creating a JQuery Slideshow of a Background-Image

Question

I have an element that serves as the banner on my website. This banner has HTML content on it, but uses a high-resolution picture as the background-image. Because of this, I\'m

Answer 1

• DEMO: http://so.devilmaycode.it/creating-a-jquery-slideshow-of-a-background-image

look the demo source for the full working code

Answer 2

Basically use setInterval to call loadBGImage, say every 60 seconds.

e.g. something like

var interval = 0;
var intervalTimer = setInterval(
    function(){
        if (++interval > 10) {interval = 1}
        $("#bannerTable").loadBGImage("/picture" + interval + ".png");
    }
    ,
    60000
);