Realizzando siti può capitare di dover mettere un’immagine di background nel body e di renderla ridimensionabile dinamica; cioè che si addatti alle dimensioni dello schermo o della finestra del browser.
Un vero e proprio rompicapo se non fosse per una semplice ed efficacissima funzione Jquery.

La funzione si chiama jQuery Backstretch.

Come funziona; come prima cosa bisogna caricare l’intera cartella sul vostro sito.
Una volta caricata bisogna richiamare la funzione inserendo nel body il seguente script:

Fatto ciò bisogna inserire nella head del vostro sito le seguenti righe di codice:



Dopo aver fatto queste due semplici operazioni avrete la vostra immagine di sfondo ridimensionabile dinamicamente.
Clicca qui per vedere un esempio