immagine di sfondo a piena pagina per sito web

[Mith89]

ciao a tutti! sto cercando un sistema per creare una pagina web simile a questa:

http://www.noorimages.com/index.php?id=splash

quello che voglio è che l'immagine di sfondo riempia sempre a piena pagina con qualunque risoluzione senza distorsioni, ovviamente a patto che qualcosa venga ritagliato a seconda del caso. nel sito che ho indicato tra l'altro le immagini vengono prese a caso da una cartella. come si fanno tutte queste cose?

[Mith89]

up

[kurts]

per la scelta casuale dello sfondo non ci vuole niente, in pratica i passi sono i seguenti:
-generazione di un numero casuale da 1 o da 0 ad n o n-1 (n è il numero degli sfondi disponibili)
-associ uno sfondo al numero "estratto"
-usi il nome associato come sfondo (immagino del body) tramite un css inline o incluso

per l'associazione numero-nome mi vengono in mente due metodi, il primo, più semplice consiste nel "battezzare" ogni immadino con un numero che va da 1 a n (oppure 0/n-1) e poi appiccicarsi l'estensione di fianco, tipicamente .jpg per gli sfondi; il secondo metodo sfrutta un DB per memorizzare le associazioni numeri/nomi, in questo modo puoi dare il nome che preferisci alle immagini di sfondo.
meglio il primo metodo secondo me.

invece, per quanto riguarda il ridimensionamento "on the fly" non saprei che dirti, l'unica cosa che mi viene in mente ora è di piazzare l'immagine di sfondo tra i tag <img> e poi fare delle prove con lo z-index, ripeto, non saprei...

-----EDIT-----
ok, per ora posso dirti che utilizza JS per la gestione degli sfondi, infatti disabilitandolo mette uno sfondo nero.
ho notato anche un'altra cosa: lo sfondo non è proprio scelto a caso, si basa anche sulla larghezza della pagina, se la tengo a tutto schermo (io ho 1024*768) utilizza immagini larghe circa 1024px, se rimpicciolisco la finestra anche le immagini utilizzate hanno una larghezza minore, con una finestra 800*600 utilizza immagini larghe circa 800px.
semplificando, prima rilevi la larghezza della pagina, poi scegli un'immagine a caso ma che sia avvicini alla larghezza della finestra

[Mith89]

ahhhh, adesso ho capito a cosa serve quel js!!! grazie mille sei stato gentilissimo! spulcerò un po' la rete per vedere se riesco a ricreare una cosa del genere... accetto comunque suggerimenti pratici!

[wingman87]

Per avere la dimensione dello schermo puoi usare i metodi height e width dell'oggetto Screen: LINK (http://www.w3schools.com/jsref/obj_screen.asp)