Corpo casuale background-image

Question

Ho provato diversi tutorial sul Web e nessuno sembra funzionare correttamente. Quello che sto cercando di fare è abbastanza semplice penso:

ho 9 immagini .jpg differenti che ho bisogno di mostrare in modo casuale fino al caricamento della pagina - per tenere conto del fondo. Questo dovrebbe essere abbastanza semplice, giusto?

Grazie,

EDIT (mi dispiace, dimenticato di allegare il codice - trovato nel web):

$(document).ready(function(){ 

    bgImageTotal=9; 

    randomNumber = Math.round(Math.random()*(bgImageTotal-1))+1; 

    imgPath=('../img/bg/'+randomNumber+'.jpg'); 

    $('body').css('background-image', ('url("'+imgPath+'")')); 

}); 

Answer 1

Dai un'occhiata a questo tutorial: http://briancray.com/2009/12/28/simple-image-randomizer-jquery/

Innanzitutto creare una serie di immagini:

var images = ['image1.jpg', 'image2.jpg', 'image3.jpg', 'image4.jpg', 'image5.jpg']; 

Quindi, impostare un'immagine casuale come immagine di sfondo:

$('body').css({'background-image': 'url(images/' + images[Math.floor(Math.random() *  images.length)] + ')'}); 

Che dovrebbe funzionare senza problemi.

Answer 2

utilizzando jQuery: $("body").css("background-image", "url(" + Math.floor(Math.random()*9) + ".jpg)");

Ciò presuppone, che le immagini sono chiamati 0.jpg fino 8.jpg e si trovano nella stessa directory come la tua pagina.