Here is a snippet of code that automatically changes background images:
function changeBackground() {
currentBackground++;
if(currentBackground > 3) currentBackground = 0;
$('body').fadeOut(0, function() {
$('body').css({
'background-image' : "url('" + backgrounds[currentBackground] + "')"
});
$('body').fadeIn(0);
});
setTimeout(changeBackground, 3000);
On the front end, there is a simple form. Strangely, in Internet Explorer, the form focus seems to shift each time the background image changes, while it functions correctly in Chrome and Firefox.