Adattare immagini alla dimensione del monitor

[Redevil]

Salve,

Premetto che sono alle prime armi con la programmazione in Javascript.
Avrei necessità di adattare alcune immagini alle dimensioni della finestra.... Mi spiego meglio: nel mio caso ho delle immagini di dimensioni YxY e vorrei adattarle alla massima dimensione della finistra aperta sul monitor, diciamo di dimensioni XxX. In modo da dare un'idea di full-screen per ogni immagine.
Nello specifico avrei necessità di adattare tre immagini in altezza.

La mia idea era quella di leggere la dimensione in altezza del monitor tramite

window.screen.availHeigt;

Successivamente modificare la relativa classe nel mio file CSS tramite

var elemento=document.querySelector(".immagini img");

e

elemento.style.heigt=monitorHeigth+"px";

in modo da poter ridimensionare, con le dimensioni del monitor, tutte e tre le immagini.

Vorrei sapere se:
1) L'idea di base è corretta o meno.
2) Il codice che ho scritto può andare bene.

Posto qui sotto il codice completo:

function aggiustaAlt() {
	var monitorHeigt=window.screen.availHeigt;
	var elemento=document.querySelector(".immagini img");
             elemento.style.heigt=monitorHeigth;
             return;

}

 

[mariosantella.com]

l'idea di base funziona , ma devi far partire la funzione quando viene modificata la grandezza della finestra...

2 strade:

1)con le funzioni di timeout controlli se la grandezza cambia (strada da programmatore zozzone )
2) oppure se cerchi bene sulle references di Jquery c'è una smart function che si occupa di controllare i ridimensionamenti delle finestre..

ps

se vuoi che comunque e sempre si riadatti basta l'onload e la logica della funzione che hai utilizzato va bene

 

[Redevil]

Ok, grazie mariostella. Sarà il caso inizi a studiare JQuery.