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
Successivamente modificare la relativa classe nel mio file CSS tramite
e
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:
}
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
Codice:
window.screen.availHeigt;
Codice:
var elemento=document.querySelector(".immagini img");
Codice:
elemento.style.heigt=monitorHeigth+"px";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:
Codice:
function aggiustaAlt() {
var monitorHeigt=window.screen.availHeigt;
var elemento=document.querySelector(".immagini img");
elemento.style.heigt=monitorHeigth;
return;
Ultima modifica: