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