загрузка страницы переключателя фона

Question

Я видел много разных фоновых переключений, основанных на классах ссылок, однако я просто хочу простой фоновый переключатель при любой загрузке страницы (без файлов cookie) и не зависящий от ссылки.

есть простой методза это?JQuery?

Answer 1

Код для случайного фонового изображения, предоставленный Муханнадом, не работал для меня, мне пришлось сделать несколько небольших правок, чтобы он функционировал:

$(document).ready(function() {
   //This will be random from bg1.jpg to bg10.jpg
   $("body").css("background-image", "url(/images/bg"+GenerateNumber(10)+".jpg)");

   //1 to max
   function GenerateNumber(max) {
      return Math.floor(Math.random()*max) + 1;
   }
});

Мне нужно было изменить объявление backgroundImage на background-image, а также добавить url () в путь к изображению. JavaScript использует нотацию CamelCase для свойств CSS, jQuery - нет.

Answer 2

Ищите javascript Таймеры ?

Пример:

setInterval("switchBackground()", 1000);

function switchBackground( )
{
   $("body").css("backgroundImage", "xxx");
}

Надеюсь, это поможет!

Редактировать:

Для генерации случайного фона при запуске:

$(document).ready(function() {
   //This will be random from bg1.jpg to bg10.jpg
   $("body").css("backgroundImage", "/images/bg"+GenerateNumber(10)+".jpg");

   //1 to max
   function GenerateNumber(max) {
      return Math.floor(Math.random()*max) + 1;
   }
});