¿Cómo agrego imágenes aleatorias en una página web sin o con la ayuda de Backstretch en jQuery?

javascript simple …
parte html:

Parte css:
img # bg {
/ * Estirar fondo * /
posición: fija;
arriba: 0;
izquierda: 0;
altura: 100%;
ancho: 100%;
índice z: -1;
}

parte de javascript:

var aImages = nueva matriz; var aURL = nueva matriz; var aArtists = nueva matriz; var iPrev = -1; var iRnd = -1;
aImages [0] = “1.jpg”;
aImages [1] = “2.jpg”;
aImages [2] = “3.jpg”;
$ (document) .ready (function () {$ (“img # bg”). load (function () {$ (“img # bg”). fadeTo (4E3,1); setTimeout (function () {$ ( “img # bg”). fadeOut (4E3); setTimeout (LoadImages, 4E3)}, 1E4)}); setTimeout (LoadImages, 20)}); función LoadImage (iNr) {$ (“img # bg”). attr (“src”, aImages [iNr])}
función LoadImages () {while (iPrev == iRnd) iRnd = Math.floor (Math.random () * aImages.length); LoadImage (iRnd); iPrev = iRnd};

agregue cualquier número de imágenes en lugar de aImages [0] = “1.jpg”; y así.
Debe llamar a jquery en la página.
y disfrutar.